天天看點
傳回

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對象。

  1. mWebView.setWebViewClient(new WebViewClient(){       
  2.                     public boolean shouldOverrideUrlLoading(WebView view, String url) {       
  3.                         view.loadUrl(url);       
  4.                         return true;       
  5.                     }       
  6.         });   

 4.如果不做任何處理，浏覽網頁，點選系統“Back”鍵，整個Browser會調用finish()而結束自身，如果希望浏覽的網 頁回退而不是推出浏覽器，需要在目前Activity中處理并消費掉該Back事件。

  1. public boolean onKeyDown(int keyCode, KeyEvent event) {       
  2.         if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {       
  3.             mWebView.goBack();       
  4.                    return true;       
  5.         }       
  6.         return super.onKeyDown(keyCode, event);       
  7.     }     

 5.webview自适應螢幕

        webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

js互動

下一步讓我們來了解一下android中webview是如何支援javascripte自定義對象的，在w3c标準中js有 window，history，document等标準對象，同樣我們可以在開發浏覽器時自己定義我們的對象調用手機系統功能來處理，這樣使用js就可以 為所欲為了。

  看一個執行個體：

view plain copy to clipboard print ?

  1. public class WebViewDemo extends Activity {        
  2.     private WebView mWebView;       
  3.     private Handler mHandler = new Handler();       
  4.     public void onCreate(Bundle icicle) {       
  5.         super.onCreate(icicle);       
  6.         setContentView(R.layout.webviewdemo);       
  7.         mWebView = (WebView) findViewById(R.id.webview);       
  8.         WebSettings webSettings = mWebView.getSettings();       
  9.         webSettings.setJavaScriptEnabled(true);       
  10.         mWebView.addJavascriptInterface(new Object() {       
  11.             public void clickOnAndroid() {       
  12.                 mHandler.post(new Runnable() {       
  13.                     public void run() {       
  14.                         mWebView.loadUrl("javascript:wave()");       
  15.                     }       
  16.                 });       
  17.             }       
  18.         }, "demo");       
  19.         mWebView.loadUrl("file:///android_asset/demo.html");       
  20.     }       
  21. }   

我們看addJavascriptInterface(Object obj,String interfaceName)這個方法，該方法将一個java對象綁定到一個javascript對象中，javascript對象名就是 interfaceName（demo），作用域是Global。這樣初始化webview後，在webview加載的頁面中就可以直接通過 javascript:window.demo通路到綁定的java對象了。來看看在html中是怎樣調用的。

  1. <html>       
  2.         <mce:script language="javascript"><!--     
  3.                 function wave() {       
  4.                     document.getElementById("droid").src="android_waving.png";       
  5.                 }       
  6. // --></mce:script>       
  7.         <body>       
  8.             <a onClick="window.demo.clickOnAndroid()">       
  9.                                 <img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>       
  10.                                 Click me!       
  11.             </a>       
  12.         </body>       
  13. </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的目的。

android Webview 自适應 javascript 世界杯 周偉 男籃
上一篇: winform适應不同的分辨率_[C#](純Winform)讓UI适應不同分辨率
下一篇: 自适應光學前沿發展

繼續閱讀