原文地址：http://rensanning.iteye.com/blog/2043049

為什麼手機瀏覽器或者WebView中不能執行JavaScript呼叫本地API，而在HTML5混合式應用中卻能執行？ 

1. webView.addJavascriptInterface(new JSHandler(this), "Bridge");  
2. class JSHandler {  
3.     public
    Context context;  
4.     public JSHandler(Context c) {  
5.         this.context = c;  
6.     }  
7.     public void doSomething() {  
8.         Log.d("JSHandler", "[email protected]");  
9.         Toast.makeText(this.context, "[email protected]", Toast.LENGTH_LONG).show();  
10.     }  
11. }  

1. $(function() {  
2.     Bridge.doSomething();  
3. });  

1. $(function() {    
2.     var klass = Bridge.getClass();  
3.     var field = klass.getDeclaredField('context');  
4.     field.setAccessible(true
   );  
5.     var context = field.get(Bridge);  
6.     document.getElementById('res').innerHTML = context.getPackageName();  
7. });  

1. webView.addJavascriptInterface(new MyCustomHander(this), "Bridge");  
2. class MyCustomHander {  
3.     public Context context;  
4.     public MyCustomHander(Context c) {  
5.         this.context = c;  
6.     }  
7.     @JavascriptInterface  
8.     public void doSomething() {  
9.         Log.d("MyCustomHander", "[email protected]");  
10.         Toast.makeText(this.context, "[email protected]", Toast.LENGTH_LONG).show();  
11.     }  
12.     public void doSomething2() {  
13.         Log.d("MyCustomHander", "[email protected]");  
14.         Toast.makeText(this.context, "[email protected]", Toast.LENGTH_LONG).show();  
15.     }  
16. }  

1. webView.setWebViewClient(new WebViewClient() {  
2.     @Override  
3.     public boolean shouldOverrideUrlLoading(WebView view, String url) {  
4.         if (url.startsWith("apicall://")) {  
5.             Log.d("MyWebViewClient", "[email protected]: " + url);  
6.             Toast.makeText(getBaseContext(), "[email protected]: " + url, Toast.LENGTH_LONG).show();  
7.             return true;  
8.         }  
9.         return false;  
10.     }  
11. });  

1. $(function() {  
2.   window.location = 'apicall:////some_api_name/exec?a=1&b=2';  
3. });  

1. webView.setWebChromeClient(new WebChromeClient() {  
2.     @Override  
3.     public boolean onJsAlert(WebView view, String url,  
4.             String message, JsResult result) {  
5.         Log.d("MyWebChromeClient", "[email protected]: " + message);  
6.         Toast.makeText(getBaseContext(), "[email protected]: " + message, Toast.LENGTH_LONG).show();  
7.         // return super.onJsAlert(view, url, message, result);  
8.         return true;  
9.     }  
10. });  

1. $(function() {  
2.   alert("123");  
3. });  

1. public class APIHttpServer extends NanoHTTPD {  
2.     public APIHttpServer() {  
3.         super(4000);  
4.     }  
5.     @Override  
6.     public Response serve(String uri, Method method,  
7.             Map<String, String> headers, Map<String, String> params,  
8.             Map<String, String> files) {  
9.         String data = "uri=" + uri + ", params=" + params;  
10.         Log.d("APIHttpServer", "[email protected]： " + data);  
11.         return new NanoHTTPD.Response(Status.OK, "application/json", "{msg:'nano'}");  
12.     }  
13. }  
14. APIHttpServer server = new APIHttpServer();  
15. server.start();  

1. $(function() {  
2.   $.getJSON("http://localhost:4000/some_api_name?a=1&b=2&c=3");  
3. });  

1. <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>  
2. <uses-permission android:name="android.permission.INTERNET"/>  

1. window.location = 'http://cdv_exec/' + service + '#' + action + '#' + callbackId + '#' + argsJson;  

1. public class MyWebViewClient extends WebViewClient {  
2.   public boolean shouldOverrideUrlLoading(WebView view, String url) {  
3.     if (url.startsWith("http://cdv_exec/")) {  
4.       handleExecUrl(url); // 擷取引數處理  
5.     }  
6.   }  
7. }