Android与H5交互全解析：WebView与JavaScript的桥梁

"Android WebView与JS交互全面详解(小结)" 在移动应用开发中，Android和HTML5（H5）各自发挥着重要作用。Android提供强大的原生功能，而H5则以其快速开发和易于更新的优势被广泛应用。为了实现两者之间的协同工作，Android与H5之间的交互至关重要，这就是Android WebView与JavaScript交互的场景。WebView作为Android系统内置的组件，它能够加载并显示网页内容，同时也提供了与JavaScript通信的接口。 1. 交互方式总结 Android与JS的通信主要通过以下几种方式： - Android调用JS： - 使用`WebView`的`loadUrl()`方法加载包含JavaScript代码的URL。 - 使用`WebView`的`evaluateJavascript()`方法直接执行JavaScript代码。 - JS调用Android： - 使用`WebView`的`addJavascriptInterface()`将Java对象暴露给JS，使JS可以直接调用Java方法。 - 通过`WebViewClient`的`shouldOverrideUrlLoading()`方法监听并处理JS触发的URL加载事件。 - 利用`WebChromeClient`的`onJsAlert()`、`onJsConfirm()`和`onJsPrompt()`方法响应JS弹出的对话框。 2. 具体分析 2.1 Android通过WebView调用JS代码 方式1：通过WebView的loadUrl() 当需要执行一段JS代码时，可以通过`loadUrl("javascript:your_function()")`来调用。例如，一个简单的例子是在Android按钮点击事件中调用名为`callJS()`的JS函数。首先，需要将包含该函数的HTML文件放置在`src/main/assets`目录下，然后通过`loadUrl()`加载这个文件。 方式2：通过WebView的evaluateJavascript() `evaluateJavascript()`方法允许直接执行JavaScript代码，并能获取到返回值。这种方法更灵活，可以即时执行任意的JS表达式。 2.2 JS调用Android代码 方式1：通过WebView的addJavascriptInterface() 通过`addJavascriptInterface()`，可以将一个Java对象绑定到WebView，使得JS能够访问并调用其公开的方法。需要注意的是，出于安全考虑，应该避免暴露敏感的Java方法，因为这可能导致安全漏洞。 方式2：通过WebViewClient的shouldOverrideUrlLoading() 当JS代码尝试加载一个新的URL时，`shouldOverrideUrlLoading()`会被调用。开发者可以在这里拦截URL，执行自定义逻辑，比如根据URL的内容调用Android方法。 方式3：通过WebChromeClient的JS对话框回调 `onJsAlert()`、`onJsConfirm()`和`onJsPrompt()`分别用于处理JS的`alert()`、`confirm()`和`prompt()`对话框。这些回调方法可以捕获对话框的信息，并在Android端执行相应操作。 总结，Android与JS的交互机制是构建混合应用的关键，它使得Android应用可以利用H5的灵活性，同时保留原生应用的强大功能。通过合理运用上述交互方式，开发者可以创建出更加丰富、动态的应用体验。