Android Studio中JavascriptInterface无法正常工作的技术求助

嘿，我太懂这种JS调用Android没反应的憋屈感了！我帮你梳理几个最容易踩的坑，一步步排查应该能搞定：

• 先确认WebView的JS支持开了没
  这是最基础的前提，要是没开JavaScript，一切操作都是白搭。一定要加上这行代码：

  webView.getSettings().setJavaScriptEnabled(true);
  

  另外，要是你的JS用到了DOM存储（比如localStorage），Android 11+还得额外开启：

  webView.getSettings().setDomStorageEnabled(true);
  

• 检查JavascriptInterface的注解和方法权限
  暴露给JS的方法必须满足两个硬性要求：

  1. 必须加上@JavascriptInterface注解（少了它JS根本找不到这个方法）
  2. 方法必须是public修饰的，不能是private或者protected
     给你个正确的示例参考：

  public class MyJsInterface {
      @JavascriptInterface
      public void receiveCommand(String cmd) {
          // 这里处理JS传来的指令
          Log.d("JSInterface", "收到指令：" + cmd);
      }
  }
  

• 绑定Interface的时机和代码是否正确
  要确保在WebView加载页面之前（或者至少在JS调用前）执行绑定操作：

  webView.addJavascriptInterface(new MyJsInterface(), "AndroidBridge");
  

  注意这里的"AndroidBridge"是JS里要调用的对象名，JS代码里必须严格对应这个名字，比如：

  // 比如点击按钮触发调用
  document.querySelector("#sendBtn").addEventListener("click", function() {
      AndroidBridge.receiveCommand("测试指令");
  });
  

• 页面加载和JS调用的时机要匹配
  别着急在页面还没加载完就调用JS方法，最好等页面完全加载后再触发。可以用WebViewClient的回调来确保：

  webView.setWebViewClient(new WebViewClient() {
      @Override
      public void onPageFinished(WebView view, String url) {
          super.onPageFinished(view, url);
          // 页面加载完成后，这里可以主动调用JS，或者确保JS能正常调用Android方法
      }
  });
  

• 排查Android版本的兼容性问题

  • 要是你的App需要兼容Android 7.0+，加载本地HTML文件时，要确保开启文件访问权限：

    webView.getSettings().setAllowFileAccess(true);
    webView.getSettings().setAllowFileAccessFromFileURLs(true);
    

  • Android 4.2之前的版本有安全限制，但现在大部分设备都是高版本了，不过还是要注意不要暴露敏感方法。

• 用调试工具精准定位问题
  可以用Chrome的DevTools调试WebView：开启USB调试后，在Chrome浏览器里输入chrome://inspect，找到你的WebView页面，查看Console里的报错信息——很多时候JS调用失败会有明确的错误提示，比如找不到AndroidBridge对象，这样就能快速定位问题。

内容的提问来源于stack exchange，提问作者hinch