androidwebviewjs交互（webview 交互）

Android WebView 和 JavaScript 交互

简介

Android WebView 是一种用于在 Android 应用程序中显示 Web 内容的控件。它使应用程序能够加载和呈现 HTML 页面，执行 JavaScript 代码以及与 JavaScript 进行交互。此交互允许应用程序通过 JavaScript 操纵 WebView 或通过 Java 代码调用 JavaScript 函数。

多级标题

WebView 方法

加载 JavaScript

`loadUrl(String url)`：加载包含 JavaScript 代码的 URL。

执行 JavaScript

`evaluateJavascript(String script, ValueCallback resultCallback)`：执行提供的 JavaScript 脚本并使用回调获取结果。

`evaluateJavascript(String script, WebMessageCallback resultCallback)`：与 `evaluateJavascript` 类似，但使用 `WebMessageCallback` 处理结果。

注册 JavaScript 接口

`addJavascriptInterface(Object object, String name)`：向 JavaScript 公开 Java 对象。可以通过 JavaScript 中的 `window.name` 访问该对象。

JavaScript 接口方法

调用 Java 方法

`window.android.methodName(arg1, arg2, ...)`：调用已通过 `addJavascriptInterface` 注册的 Java 方法。

处理 WebView 结果

`WebMessageCallback`：实现此回调以 处理来自 JavaScript 的结果。

`ValueCallback`：实现此回调以处理字符串形式的 JavaScript 结果。

内容详细说明

步骤 1：加载 JavaScript

首先，需要加载包含 JavaScript 代码的 URL 或将其内联添加到 WebView：```java webView.loadUrl("https://example.com/script.js"); ```

步骤 2：执行 JavaScript

加载脚本后，可以使用 `evaluateJavascript` 执行 JavaScript 代码：```java webView.evaluateJavascript("myFunction()", null); ```

步骤 3：注册 JavaScript 接口

要从 JavaScript 调用 Java 方法，需要使用 `addJavascriptInterface` 注册一个 Java 对象：```java MyJavaObject javaObject = new MyJavaObject(); webView.addJavascriptInterface(javaObject, "myJavaObject"); ```

步骤 4：处理 WebView 结果

从 JavaScript 调用 Java

在 JavaScript 中，可以使用 `window.myJavaObject.methodName()` 调用 Java 方法。

从 Java 获取 JavaScript 结果

通过 `ValueCallback` 或 `WebMessageCallback` 接收 JavaScript 执行的结果。

示例代码

Java 代码：

```java class MyJavaObject {public String sayHello() {return "Hello from Java!";} } ```

JavaScript 代码：

```javascript var result = window.myJavaObject.sayHello(); alert(result); // 输出 "Hello from Java!" ```

结论

Android WebView 和 JavaScript 交互使应用程序能够动态地与 Web 内容进行交互。通过加载 JavaScript、执行脚本、注册 JavaScript 接口和处理结果，应用程序可以创建交互式且功能强大的 WebView 体验。

**Android WebView 和 JavaScript 交互****简介**Android WebView 是一种用于在 Android 应用程序中显示 Web 内容的控件。它使应用程序能够加载和呈现 HTML 页面，执行 JavaScript 代码以及与 JavaScript 进行交互。此交互允许应用程序通过 JavaScript 操纵 WebView 或通过 Java 代码调用 JavaScript 函数。**多级标题****WebView 方法****加载 JavaScript*** `loadUrl(String url)`：加载包含 JavaScript 代码的 URL。**执行 JavaScript*** `evaluateJavascript(String script, ValueCallback resultCallback)`：执行提供的 JavaScript 脚本并使用回调获取结果。 * `evaluateJavascript(String script, WebMessageCallback resultCallback)`：与 `evaluateJavascript` 类似，但使用 `WebMessageCallback` 处理结果。**注册 JavaScript 接口*** `addJavascriptInterface(Object object, String name)`：向 JavaScript 公开 Java 对象。可以通过 JavaScript 中的 `window.name` 访问该对象。**JavaScript 接口方法****调用 Java 方法*** `window.android.methodName(arg1, arg2, ...)`：调用已通过 `addJavascriptInterface` 注册的 Java 方法。**处理 WebView 结果*** `WebMessageCallback`：实现此回调以 处理来自 JavaScript 的结果。 * `ValueCallback`：实现此回调以处理字符串形式的 JavaScript 结果。**内容详细说明****步骤 1：加载 JavaScript**首先，需要加载包含 JavaScript 代码的 URL 或将其内联添加到 WebView：```java webView.loadUrl("https://example.com/script.js"); ```**步骤 2：执行 JavaScript**加载脚本后，可以使用 `evaluateJavascript` 执行 JavaScript 代码：```java webView.evaluateJavascript("myFunction()", null); ```**步骤 3：注册 JavaScript 接口**要从 JavaScript 调用 Java 方法，需要使用 `addJavascriptInterface` 注册一个 Java 对象：```java MyJavaObject javaObject = new MyJavaObject(); webView.addJavascriptInterface(javaObject, "myJavaObject"); ```**步骤 4：处理 WebView 结果****从 JavaScript 调用 Java**在 JavaScript 中，可以使用 `window.myJavaObject.methodName()` 调用 Java 方法。**从 Java 获取 JavaScript 结果**通过 `ValueCallback` 或 `WebMessageCallback` 接收 JavaScript 执行的结果。**示例代码****Java 代码：**```java class MyJavaObject {public String sayHello() {return "Hello from Java!";} } ```**JavaScript 代码：**```javascript var result = window.myJavaObject.sayHello(); alert(result); // 输出 "Hello from Java!" ```**结论**Android WebView 和 JavaScript 交互使应用程序能够动态地与 Web 内容进行交互。通过加载 JavaScript、执行脚本、注册 JavaScript 接口和处理结果，应用程序可以创建交互式且功能强大的 WebView 体验。