webview相當於android中的瀏覽器,基於webkit開發,可以瀏覽網頁檔案,支援css javascript 以及html
使用webview首先要有以下配置:
1. AndroidManifest.xml中必須註冊"android.permission.INTERNET"進行許可權許可,(如果只是使用本地HTML,可以不用註冊許可許可權)否則會出Web page not available錯誤。
2.如果在web中使用js需要許可javascript執行:
java代碼:
- WebView webv =(WebView)findViewById(R.id.webv);
- //從xml中擷取webview
- webv.getSettings().setJavaScriptEnabled(true);
- //允許JS執行
複製代碼
3.如果在用webview做應用的時候我們不希望建立webview進程,讓程式跳來跳去那麼進行如下設定
java代碼:
- webv.setWebViewClient(new WebViewClient(){
- public boolean shouldOverrideUrlLoading(WebView view, String url) {
- view.loadUrl(url);
- //點擊超連結的時候重新在原來進程上載入URL
- return true;
- }
- });
複製代碼
4.在做webview開發是經常會載入原生html檔案如下:
java代碼:
- file:///android_asset/teste.html 附加元件目assets下的檔案teste.html
- file:///sdcard/index.html 載入sdcard下的index.html檔案
複製代碼
5.在javascript中調用java方法
5.1先將一個當前的java對象綁定到一個javascript上面,使用如下方法
webv.addJavascriptInterface(this, "someThing");//this為當前對象,綁定到js的someThing上面,主要someThing的範圍是全域的。一旦初始化便可隨處運行
5.2定義被調用的java方法
java代碼:
- package eoe.demo;
- import android.app.Activity;
- import android.os.Bundle;
- import android.webkit.WebView;
- public class SDFSDFSD extends Activity {
- /** Called when the activity is first created. */
- WebView webv;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- webv = (WebView)findViewById(R.id.webv);
- webv.getSettings().setJavaScriptEnabled(true);
- webv.addJavascriptInterface(this, "someThing");
- webv.loadUrl(file:///android_asset/index.html);
- }
- public void setSmething(String some){
- System.out.println("----------"+some+"---------------");
- }
- }
複製代碼
html代碼:
java代碼:
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
- <title></title>
- <script language="javascript" type="html/text">
- function dosomething(){
- document.getElementById("helloweb").innerHTML="HelloWebView";
- }
- </script>
- </head>
- <body onload="javascript:window.someThing.setSmething('HelloWebView')">
- <div id="helloweb">
- </div>
- </body>
- </html>
複製代碼