Android WebView与H5交互实践：URL拦截与JS-Bridge方法对比

在Android开发中，与H5前端进行JS代码交互通常有两种主要方式：URL拦截和使用JavaScript接口。本文将详细介绍这两种方法的实现以及它们各自的优缺点。 首先，URL拦截是通过伪URL（如`js-call://`）来实现的。在前端JS中，开发者定义一个函数，如`sendCommand`，该函数接收参数并构造一个包含特定标识（如`PlaySnake`）的URL。例如： ```javascript function sendCommand(param) { var url = 'js-call://' + param; document.location = url; // 使用document.location模拟跳转 } sendCommand("PlaySnake"); ``` 在Java端，开发者通过实现`WebViewClient`的`shouldOverrideUrlLoading`方法，对这些特殊URL进行处理。如果URL匹配到预定义的标识，就可以执行相应的逻辑，如记录日志或显示提示。然而，这种方法的缺点在于数据传输仅限于字符串，并且随着业务复杂度增加，代码可维护性会下降。 另一种更为推荐的方式是利用`addJavascriptInterface`方法，这是通过谷歌提供的官方接口来实现的。这种方式允许在Java和JS之间创建一个持久的、双向通信的桥梁。前端可以在`App`对象上定义自定义接口，如： ```javascript // 在JS中 mWebView.addJavascriptInterface(new CustomApi(), "App"); // CustomApi是一个Java类，带有@JavascriptInterface注解的方法 // Java类 CustomApi public class CustomApi { @JavascriptInterface public void playSnake() { // 执行原生逻辑 } // 其他接口方法... } ``` 通过这种方式，前端可以直接调用Java类中的方法，传递更复杂的数据类型，且代码结构更为清晰，便于维护。但是，需要注意的是，为了安全考虑，使用`addJavascriptInterface`时要谨慎，避免敏感操作，因为它允许任意JavaScript代码访问Java对象。 总结来说，虽然URL拦截方式初期集成快速，但长期来看不利于代码管理和扩展。而使用JavaScript接口则提供了一种更为稳定和可控的交互方式，尽管开发过程可能需要更多的编码工作，但其带来的灵活性和可维护性优势使得在大型项目中更为适用。