安卓webview加载本地html（webview访问本地html）

## 安卓 WebView 加载本地 HTML### 简介在 Android 开发中，WebView 是一种强大的组件，允许您在应用程序中显示网页内容。除了加载远程网页，WebView 还能够加载本地存储的 HTML 文件，为您的应用提供离线功能、自定义界面或展示本地数据等诸多可能性。### 加载本地 HTML 文件#### 1. assets 目录

将 HTML 文件（以及相关的 CSS、JavaScript 和图像文件）放入项目的 `assets` 文件夹中。

使用 `assetManager` 和 `open()` 方法读取 HTML 文件内容。

使用 `loadDataWithBaseURL()` 方法加载 HTML 内容，并指定 `base URL` 以正确加载资源文件。```kotlin val webView = findViewById(R.id.webView) webView.settings.allowFileAccess = true // 允许访问文件val assetManager = assets val inputStream = assetManager.open("index.html") val htmlContent = inputStream.bufferedReader().use { it.readText() }webView.loadDataWithBaseURL("file:///android_asset/", htmlContent, "text/html", "utf-8", null) ```

注意：

`base URL` 应该设置为 `file:///android_asset/`，以便 WebView 正确定位 `assets` 目录中的资源文件。

确保已在清单文件中声明网络权限 ``，即使加载的是本地文件，因为 WebView 组件需要网络权限才能正常工作。#### 2. 内部存储和外部存储

将 HTML 文件存储在设备的内部存储或外部存储中。

获取文件的绝对路径。

使用 `loadUrl()` 方法加载 HTML 文件，并传入文件的绝对路径。```kotlin // 内部存储 val internalStorageDir = filesDir val file = File(internalStorageDir, "index.html") webView.loadUrl("file://" + file.absolutePath)// 外部存储 val externalStorageDir = Environment.getExternalStorageDirectory() val file = File(externalStorageDir, "index.html") webView.loadUrl("file://" + file.absolutePath) ```

注意：

访问外部存储需要运行时权限，请确保已在代码中请求并获得了相应的权限。### 与 JavaScript 交互使用 `addJavascriptInterface()` 方法可以将 Java 对象绑定到 WebView 中的 JavaScript 上下文，实现 JavaScript 与 Android 代码之间的双向通信。```kotlin class WebAppInterface(private val context: Context) {@JavascriptInterfacefun showToast(toast: String) {Toast.makeText(context, toast, Toast.LENGTH_SHORT).show()} }webView.addJavascriptInterface(WebAppInterface(this), "Android")// 在 HTML 中调用 Android 方法 Click me ```### 其他注意事项

启用 JavaScript 支持：`webView.settings.javaScriptEnabled = true`

允许调试 WebView：`WebView.setWebContentsDebuggingEnabled(true)`

处理 WebView 错误：实现 `WebViewClient` 并重写 `onReceivedError()` 方法。

处理页面加载状态：实现 `WebChromeClient` 并重写 `onProgressChanged()` 方法。### 总结WebView 提供了一种灵活的方式来在您的 Android 应用程序中加载和显示本地 HTML 文件。通过使用 `loadDataWithBaseURL()` 或 `loadUrl()` 方法，您可以轻松地将预先设计的网页集成到您的应用中，并利用 JavaScriptInterface 实现与 Android 代码的交互。

安卓 WebView 加载本地 HTML

简介在 Android 开发中，WebView 是一种强大的组件，允许您在应用程序中显示网页内容。除了加载远程网页，WebView 还能够加载本地存储的 HTML 文件，为您的应用提供离线功能、自定义界面或展示本地数据等诸多可能性。

加载本地 HTML 文件

1. assets 目录* 将 HTML 文件（以及相关的 CSS、JavaScript 和图像文件）放入项目的 `assets` 文件夹中。 * 使用 `assetManager` 和 `open()` 方法读取 HTML 文件内容。 * 使用 `loadDataWithBaseURL()` 方法加载 HTML 内容，并指定 `base URL` 以正确加载资源文件。```kotlin val webView = findViewById(R.id.webView) webView.settings.allowFileAccess = true // 允许访问文件val assetManager = assets val inputStream = assetManager.open("index.html") val htmlContent = inputStream.bufferedReader().use { it.readText() }webView.loadDataWithBaseURL("file:///android_asset/", htmlContent, "text/html", "utf-8", null) ```**注意：*** `base URL` 应该设置为 `file:///android_asset/`，以便 WebView 正确定位 `assets` 目录中的资源文件。 * 确保已在清单文件中声明网络权限 ``，即使加载的是本地文件，因为 WebView 组件需要网络权限才能正常工作。

2. 内部存储和外部存储* 将 HTML 文件存储在设备的内部存储或外部存储中。 * 获取文件的绝对路径。 * 使用 `loadUrl()` 方法加载 HTML 文件，并传入文件的绝对路径。```kotlin // 内部存储 val internalStorageDir = filesDir val file = File(internalStorageDir, "index.html") webView.loadUrl("file://" + file.absolutePath)// 外部存储 val externalStorageDir = Environment.getExternalStorageDirectory() val file = File(externalStorageDir, "index.html") webView.loadUrl("file://" + file.absolutePath) ```**注意：*** 访问外部存储需要运行时权限，请确保已在代码中请求并获得了相应的权限。

与 JavaScript 交互使用 `addJavascriptInterface()` 方法可以将 Java 对象绑定到 WebView 中的 JavaScript 上下文，实现 JavaScript 与 Android 代码之间的双向通信。```kotlin class WebAppInterface(private val context: Context) {@JavascriptInterfacefun showToast(toast: String) {Toast.makeText(context, toast, Toast.LENGTH_SHORT).show()} }webView.addJavascriptInterface(WebAppInterface(this), "Android")// 在 HTML 中调用 Android 方法 Click me ```

其他注意事项* 启用 JavaScript 支持：`webView.settings.javaScriptEnabled = true` * 允许调试 WebView：`WebView.setWebContentsDebuggingEnabled(true)` * 处理 WebView 错误：实现 `WebViewClient` 并重写 `onReceivedError()` 方法。 * 处理页面加载状态：实现 `WebChromeClient` 并重写 `onProgressChanged()` 方法。

总结WebView 提供了一种灵活的方式来在您的 Android 应用程序中加载和显示本地 HTML 文件。通过使用 `loadDataWithBaseURL()` 或 `loadUrl()` 方法，您可以轻松地将预先设计的网页集成到您的应用中，并利用 JavaScriptInterface 实现与 Android 代码的交互。