Android WebView總結

時間 2020-11-02

標籤 javascript html java android web 瀏覽器 ide post this google 欄目 Android 简体版

原文原文鏈接

一個WebView的簡單例子。
在開發過程當中應該注意幾點：
    1.AndroidManifest.xml中必須使用許可"android.permission.INTERNET",不然會出Web page not available錯誤。
    2.若是訪問的頁面中有Javascript，則webview必須設置支持Javascript。
        webview.getSettings().setJavaScriptEnabled(true);
    3.若是頁面中連接，若是但願點擊連接繼續在當前browser中響應，而不是新開Android的系統browser中響應該連接，必須覆蓋 webview的WebViewClient對象。
mWebView.setWebViewClient(new WebViewClient(){
                    public boolean shouldOverrideUrlLoading(WebView view, String url) {
                        view.loadUrl(url);
                        return true;
                    }
        });
mWebView.setWebViewClient(new WebViewClient(){
                    public boolean shouldOverrideUrlLoading(WebView view, String url) {
                        view.loadUrl(url);
                        return true;
                    }
        });
4.若是不作任何處理，瀏覽網頁，點擊系統「Back」鍵，整個Browser會調用finish()而結束自身，若是但願瀏覽的網頁回退而不是推出瀏覽器，須要在當前Activity中處理並消費掉該Back事件。
public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
            mWebView.goBack();
                   return true;
        }
        return super.onKeyDown(keyCode, event);
    }
public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
            mWebView.goBack();
                   return true;
        }
        return super.onKeyDown(keyCode, event);
    }

下一步讓咱們來了解一下android中webview是如何支持javascripte自定義對象的，在w3c標準中js有 window，history，document等標準對象，一樣咱們能夠在開發瀏覽器時本身定義咱們的對象調用手機系統功能來處理，這樣使用js就能夠隨心所欲了。
看一個實例：
view plaincopy to clipboardprint?
public class WebViewDemo extends Activity {
    private WebView mWebView;
    private Handler mHandler = new Handler();

    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        setContentView(R.layout.webviewdemo);
        mWebView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        mWebView.addJavascriptInterface(new Object() {
            public void clickOnAndroid() {
                mHandler.post(new Runnable() {
                    public void run() {
                        mWebView.loadUrl("javascript:wave()");
                    }
                });
            }
        }, "demo");
        mWebView.loadUrl(" file:///android_asset/demo.html");
    }
}
public class WebViewDemo extends Activity {
    private WebView mWebView;
    private Handler mHandler = new Handler();

    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        setContentView(R.layout.webviewdemo);
        mWebView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        mWebView.addJavascriptInterface(new Object() {
            public void clickOnAndroid() {
                mHandler.post(new Runnable() {
                    public void run() {
                        mWebView.loadUrl("javascript:wave()");
                    }
                });
            }
        }, "demo");
        mWebView.loadUrl(" file:///android_asset/demo.html");
    }
}
咱們看addJavascriptInterface(Object obj,String interfaceName)這個方法，該方法將一個java對象綁定到一個javascript對象中，javascript對象名就是 interfaceName（demo），做用域是Global。這樣初始化webview後，在webview加載的頁面中就能夠直接經過 javascript:window.demo訪問到綁定的java對象了。來看看在html中是怎樣調用的。
<html>
        <mce:script language="javascript"></mce:script>
        <body>
            <a onClick="window.demo.clickOnAndroid()">
                                <img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>
                                Click me!
            </a>
        </body>
</html>
<html>
        <mce:script language="javascript"></mce:script>
        <body>
            <a onClick="window.demo.clickOnAndroid()">
                                <img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>
                                Click me!
            </a>
        </body>
</html>
這樣在javascript中就能夠調用java對象的clickOnAndroid()方法了，一樣咱們能夠在此對象中定義不少方法（比如發短信，調用聯繫人列表等手機系統功能。）,這裏wave()方法是java中調用javascript的例子。
這裏還有幾個知識點：
1)爲了讓WebView從apk文件中加載assets，Android SDK提供了一個schema，前綴爲" file:///android_asset/"。WebView遇到這樣的schema，就去當前包中的 assets目錄中找內容。如上面的" file:///android_asset/demo.html"
2)addJavascriptInterface方法中要綁定的Java對象及方法要運行另外的線程中，不能運行在構造他的線程中，這也是使用 Handler的目的。

總結：
一、添加權限：AndroidManifest.xml中必須使用許可"android.permission.INTERNET",不然會出Web page not available錯誤。
    二、在要Activity中生成一個WebView組件：WebView webView = new WebView(this);
    三、設置WebView基本信息：
          若是訪問的頁面中有Javascript，則webview必須設置支持Javascript。
          webview.getSettings().setJavaScriptEnabled(true);
          觸摸焦點起做用
          requestFocus();
          取消滾動條
          this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
    四、設置WevView要顯示的網頁：
          互聯網用：webView.loadUrl(" http://www.google.com");
          本地文件用：webView.loadUrl(" file:///android_asset/XX.html"); 本地文件存放在：assets文件中
    五、若是但願點擊連接由本身處理，而不是新開Android的系統browser中響應該連接。
          給WebView添加一個事件監聽對象（WebViewClient)

          並重寫其中的一些方法
                shouldOverrideUrlLoading：對網頁中超連接按鈕的響應。
                                          當按下某個鏈接時WebViewClient會調用這個方法，並傳遞參數：按下的url
                onLoadResource
                onPageStart
                onPageFinish
                onReceiveError
                onReceivedHttpAuthRequest

六、若是用webview點連接看了不少頁之後，若是不作任何處理，點擊系統「Back」鍵，整個瀏覽器會調用finish()而結束自身，若是但願瀏覽的網頁回退而不是退出瀏覽器，須要在當前Activity中處理並消費掉該Back事件。覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法。 public boolean onKeyDown(int keyCoder,KeyEvent event){ if(webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK){ webview.goBack(); //goBack()表示返回webView的上一頁面 return true; } return false; }