歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android利用WebView與JavaScript交互的方法

Android利用WebView與JavaScript交互的方法

日期:2017/3/1 10:41:39   编辑:Linux編程
使用WebView播視頻,整了個優酷的開發頁面,但裝上Android,沒反應。不過,在使用webView時,倒是對webView與html中的javascript的調用方式學習了一下,還是使用的網上的經典案例。

Java代碼:

  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,作用域是Global。這樣初始化webview後,在webview加載的頁面中就可以直接通過javascript:window.demo訪問到綁定的java對象了。來看看在html中是怎樣調用的:

HTML(javascript)的代碼:

  1. <html>
  2. <script language="javascript">
  3. function wave() {
  4. document.getElementById("droid").src="android_waving.png";
  5. }
  6. </script>
  7. <body>
  8. <a onClick="window.demo.clickOnAndroid()">
  9. <img id="droid" src="android_normal.png"/><br>
  10. Click me!
  11. </a>
  12. </body>
  13. </html>
這樣在javascript中就可以調用java對象的clickOnAndroid()方法了,wave()方法是java中調用javascript的例子。

對於webview加載網頁有三種方式:

  1. //打開本包內asset目錄下的index.html文件
  2. wv.loadUrl(" file:///android_asset/testvideo.html");
  3. //打開本地sd卡內的index.html文件
  4. wv.loadUrl("content://com.android.htmlfileprovider/sdcard/testvideo.html");
  5. //打開指定URL的html文件
  6. wv.loadUrl("http://v.youku.com/v_show/id_XMzM3NTg0ODA4.html");
為了讓WebView從apk文件中加載assets,Android SDK提供了一個schema,前綴為"file:///android_asset/"。WebView遇到這樣的schema,就去當前包中的assets目錄中找內容。如上面的"file:///android_asset/demo.html"

addJavascriptInterface方法中要綁定的Java對象及方法要運行另外的線程中,不能運行在構造他的線程中,這也是使用Handler的目的

如果要用HTML5來開發應用,統一Android與 Iphone的應用,那必須要在關鍵環節讓原生代碼與HTML5交互,與flex一樣,都是依靠javascript。

Copyright © Linux教程網 All Rights Reserved