Android webview读取html和js_Linux编程_Linux公社-Linux系统门户网站

WebView对Javascript的支持也很强,google一个Java和Javascript互调的例子
整个Eclipse ADT工程例子中都有,这里重点分析一下代码:

 

  • 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,作用域是Global。这样初始化webview后,在webview加载的页面中就可以直接通过javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的:

 

  • <html>  

 

 

  •         <script language=“javascript”>  

 

 

  •                 function wave() {  

 

 

  •                     document.getElementById(“droid”).src=“android_waving.png”;  

 

 

  •                 }  

 

 

  •         </script>  

 

 

  •         <body>  

 

 

  •             <a onClick=“window.demo.clickOnAndroid()”>  

 

 

  •                                 <img id=“droid” 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的目的。

来源URL:http://www.linuxidc.com/Linux/2012-01/52718.htm