学步园

iSmart-艾思www.smartmobi.com.cn

● Android与JS之间的互相调用交互

WebView默认是禁用JavaScript的，在启用后，就可以在两者间建立接口进行调用

Java代码  

1. WebView myWebView = (WebView) findViewById(R.id.webview);  
2. WebSettings webSettings = myWebView.getSettings();  
3. webSettings.setJavaScriptEnabled(true);  

（这里的webSetting用处非常大 可以开启很多设置 在之后的本地存储，地理位置等之中都会使用到）

1 在JS中调用Android的函数方法

首先 需要在Android程序中建立接口

Java代码  

1. final class InJavaScript {  
2.        public void runOnAndroidJavaScript(final String str) {  
3.         handler.post(new Runnable() {  
4.                public void run() {   
5.                    TextView show = (TextView) findViewById(R.id.textview);  
6.                    show.setText(str);  
7.                }  
8.            });  
9.        }  
10.    }  

Java代码  

1. //把本类的一个实例添加到js的全局对象window中，  
2. //这样就可以使用window.injs来调用它的方法  
3. webView.addJavascriptInterface(new InJavaScript(), “injs”);  

在JavaScript中调用

Js代码  

1. function sendToAndroid(){  
2.         var str = “Cookie call the Android method from js”;  
3.         window.injs.runOnAndroidJavaScript(str);//调用android的函数  
4. }  

2 在Android中调用JS的方法

在JS中的方法：

Js代码  

1. function getFromAndroid(str){  
2.         document.getElementById(“android”).innerHTML=str;  
3. }  

在Android调用该方法

Java代码  

1. Button button = (Button) findViewById(R.id.button);  
2.        button.setOnClickListener(new OnClickListener() {  
3.        public void onClick(View arg0) {  
4.             //调用javascript中的方法  
5.            webView.loadUrl(“javascript:getFromAndroid(‘Cookie call the js function from Android’)”);  
6.        }  
7.    });  

3 Android中处理JS的警告，对话框等

在Android中处理JS的警告，对话框等需要对WebView设置WebChromeClient对象

Java代码  

1. //设置WebChromeClient  
2. webView.setWebChromeClient(new WebChromeClient(){  
3.     //处理javascript中的alert  
4.     public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {  
5.         //构建一个Builder来显示网页中的对话框  
6.         Builder builder = new Builder(MainActivity.this);  
7.         builder.setTitle(“Alert”);  
8.         builder.setMessage(message);  
9.         builder.setPositiveButton(android.R.string.ok,  
10.             new AlertDialog.OnClickListener() {  
11.                 public void onClick(DialogInterface dialog, int which) {  
12.                     result.confirm();  
13.                 }  
14.             });  
15.         builder.setCancelable(false);  
16.         builder.create();  
17.         builder.show();  
18.         return true;  
19.     };  
20.     //处理javascript中的confirm  
21.     public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {  
22.         Builder builder = new Builder(MainActivity.this);  
23.         builder.setTitle(“confirm”);  
24.         builder.setMessage(message);  
25.         builder.setPositiveButton(android.R.string.ok,  
26.             new AlertDialog.OnClickListener() {  
27.                 public void onClick(DialogInterface dialog, int which) {  
28.                     result.confirm();  
29.                 }  
30.             });  
31.         builder.setNegativeButton(android.R.string.cancel,  
32.             new DialogInterface.OnClickListener() {  
33.                 public void onClick(DialogInterface dialog, int which) {  
34.                     result.cancel();  
35.                 }  
36.             });  
37.         builder.setCancelable(false);  
38.         builder.create();  
39.         builder.show();  
40.         return true;  
41.     };  
42.           
43.     @Override  
44.     //设置网页加载的进度条  
45.     public void onProgressChanged(WebView view, int newProgress) {  
46.         MainActivity.this.getWindow().setFeatureInt(Window.FEATURE_PROGRESS, newProgress * 100);  
47.         super.onProgressChanged(view, newProgress);  
48.     }  
49.   
50.     //设置应用程序的标题title  
51.     public void onReceivedTitle(WebView view, String title) {  
52.         MainActivity.this.setTitle(title);  
53.         super.onReceivedTitle(view, title);  
54.     }  
55. });  

● Android中的调试

通过JS代码输出log信息

Js代码  

1. Js代码： console.log(“Hello World”);  
2. Log信息： Console: Hello World http://www.example.com/hello.html :82   

在WebChromeClient中实现onConsoleMesaage()回调方法，让其在LogCat中打印信息

Java代码  

1. WebView myWebView = (WebView) findViewById(R.id.webview);  
2. myWebView.setWebChromeClient(new WebChromeClient() {  
3.     public void onConsoleMessage(String message, int lineNumber, String sourceID) {  
4.         Log.d(“MyApplication”, message + “ – From line ”  
5.             + lineNumber + “ of ”  
6.             + sourceID);  
7.     }  
8. });  

以及

Java代码  

1. WebView myWebView = (WebView) findViewById(R.id.webview);  
2. myWebView.setWebChromeClient(new WebChromeClient() {  
3.     public boolean onConsoleMessage(ConsoleMessage cm) {  
4.         Log.d(“MyApplication”, cm.message() + “ – From line ”  
5.             + cm.lineNumber() + “ of ”  
6.             + cm.sourceId() );  
7.         return true;  
8.     }  
9. });  

*ConsoleMessage 还包括一个 MessageLevel 表示控制台传递信息类型。 您可以用messageLevel()查询信息级别，以确定信息的严重程度，然后使用适当的Log方法或采取其他适当的措施。