Android 中 WebView 与 JavaScript 通信的疑难杂症：如何解决？

2024-03-07 06:43:17

Android 中 WebView 与 JavaScript 通信的疑难杂症：解决方法

作为一名资深程序员和技术博主，我在这里记录下 Android 应用中 WebView 与 JavaScript 通信常见的疑难杂症及其解决之道。

WebView 概述

WebView 是 Android 开发人员嵌入网页内容的强大工具。通过 JavaScriptInterface，开发者可以在 JavaScript 和原生 Java 代码之间实现双向通信。

问题

当一个 Android 应用从后台终止后重新启动时，WebView 中的 JavaScript 上下文会被清除，导致 JavaScriptInterface 无法访问先前的 Java 对象。这会导致 JavaScript 在调用 Java 方法时引发异常，出现臭名昭著的错误：

Uncaught Error: Java exception was raised during method invocation

解决方案

为了解决此问题，我们需要确保 JavaScriptInterface 在应用程序重新启动后重新注册。步骤如下：

重写 WebViewClient

在您的 MainActivity 中，重写 WebViewClient 的 onPageFinished() 方法。此方法会在 WebView 加载完成时触发，包括重新启动后。

@Override
public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);

    // 重新注册 JavaScriptInterface
    view.addJavascriptInterface(new JavaScriptInterface(this), "Android");
    view.addJavascriptInterface(new WebViewJavaScriptInterface(this), "app");
}

检查权限

确认在 AndroidManifest.xml 文件中已授予 WebView 使用 JavaScript 的权限：
```
<uses-permission android:name="android.permission.INTERNET" />
```
重新加载 HTML

WebView 重新加载后，我们需要重新加载 HTML 内容。可以使用 loadUrl() 方法或其他机制实现。
```
view.loadUrl("file:///android_asset/index.html");
```