安卓和js互调

安卓与JS互调核心实现方式

基础环境搭建

1. 依赖配置
   确保AndroidManifest.xml中添加网络权限（如需网络请求）：

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

2. WebView初始化
   在布局文件中添加WebView：

   <WebView
       android:id="@+id/webView"
       android:layout_width="match_parent"
       android:layout_height="match_parent" />

   在Activity中启用JS支持：

   WebView webView = findViewById(R.id.webView);
   WebSettings settings = webView.getSettings();
   settings.setJavaScriptEnabled(true); // 启用JS

JS调用安卓原生方法

1. 添加JavaScript接口

   webView.addJavascriptInterface(new Object() {
       @JavascriptInterface
       public void showToast(String message) {
           Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
       }
   }, "Android"); // "Android"是JS端调用的对象名

2. JS端调用示例

   

   <script>
       function callAndroid() {
           Android.showToast('Hello from JS');
       }
   </script>
   <button onclick="callAndroid()">点击调用安卓</button>

安卓调用JS方法

1. 直接执行JS代码

   webView.loadUrl("javascript:alert('Hello from Java')");

2. 通过WebChromeClient处理JS对话框

   webView.setWebChromeClient(new WebChromeClient() {
       @Override
       public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
           // 拦截JS的alert，可自定义处理
           return super.onJsAlert(view, url, message, result);
       }
   });

复杂数据交互与事件传递

安全与兼容性处理

1. 禁用文件访问（防止XSS攻击）

   

   settings.setAllowFileAccess(false);
   settings.setAllowFileAccessFromFileURLs(false);

2. 处理Android不同API版本差异

   • API 19+推荐使用onJsConsoleMessage替代onJsAlert
   • 安卓8.0+需处理clearCache的弹窗提示

3. 避免内存泄漏

   • 移除JavascriptInterface时调用webView.removeJavascriptInterface("Android")

常见问题与解答

问题1：JS调用安卓方法时报错undefined

原因：

• JavaScript接口未正确注入或命名错误
• 未添加@JavascriptInterface注解（Android 4.2+必选）

解决方案：

1. 检查addJavascriptInterface的第二个参数是否与JS端调用一致
2. 确保接口方法被@JavascriptInterface修饰
3. 确认WebView已启用JS（setJavaScriptEnabled(true)）

问题2：安卓调用JS方法无响应

原因：

• JS代码未加载完成时调用
• JS函数名拼写错误或作用域问题

解决方案：

1. 在WebViewClient.onPageFinished中执行JS调用

   webView.setWebViewClient(new WebViewClient() {
       @Override
       public void onPageFinished(WebView view, String url) {
           super.onPageFinished(view, url);
           view.loadUrl("javascript:myFunction()"); // 确保页面加载完成后调用
       }
   });

2. 检查JS函数是否在全局作用域或DOM加载后