将 HTML 文件加载到 WebView 中

Question

我有一个本地 html 页面以及它指向的几个其他资源（css 文件和 Javascript 库），我想将它们加载到 WebView 中。如何才能实现这一目标？

也许这不是最好的方法，但我仍在尝试。

Answer 1

最简单的方法可能是将您的 Web 资源放入 assets 文件夹，然后调用：

webView.loadUrl("file:///android_asset/filename.html");

Java 和 Webview 之间的完整通信 查看此

更新：资产文件夹通常是以下文件夹：
<项目>/src/main/assets
可以在 .iml 文件 的资产文件夹配置设置中将其更改为：

请参阅文章 Android 中资源文件夹的放置位置工作室

Answer 2

也许这个示例可以帮助：

  WebView lWebView = (WebView)findViewById(R.id.webView);
  File lFile = new File(Environment.getExternalStorageDirectory() + "<FOLDER_PATH_TO_FILE>/<FILE_NAME>");
  lWebView.loadUrl("file:///" + lFile.getAbsolutePath());

Answer 3

在这种情况下，使用 WebView#loadDataWithBaseUrl() 比 WebView#loadUrl() 更好！

webView.loadDataWithBaseURL(url, 
        data,
        "text/html",
        "utf-8",
        null);

url: url/path 指向所有 JavaScript 文件和 html 链接都有其来源的目录的字符串。如果为空，则为：空白。
data：包含 hmtl 文件的字符串，例如使用 BufferedReader 读取

更多信息： WebView.loadDataWithBaseURL(java.lang.String, java.lang.String, java.lang.String, java.lang.String, java.lang.String)

Answer 4

XML 布局文件：

<WebView android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/webView"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".activities.Bani9">
</WebView>

Java 代码：

public class Bani9 extends AppCompatActivity {
    WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bani9);
        webView = findViewById(R.id.webView);
        WebSettings webSetting = webView.getSettings();
        webSetting.setBuiltInZoomControls(true);
        webView.setWebViewClient(new WebViewClient());

        webView.loadUrl("file:///android_asset/punjabi/bani9.html");
    }
}

确保准确设置文件路径。

Answer 5

来自官方指南 https://developer.android。 com/develop/ui/views/layout/webapps/load-local-content ：

1. 将 HTML 作为资源存储在 app/src/main/assets/
2. 使用 WebViewAssetLoader 加载资源。在 onCreate() 中构造它，如下所示：

final WebViewAssetLoader assetLoader = new WebViewAssetLoader.Builder()
         .addPathHandler("/assets/", new WebViewAssetLoader.AssetsPathHandler(this))
         .addPathHandler("/res/", new WebViewAssetLoader.ResourcesPathHandler(this))
         .build();

3. 子类 WebViewClient 包装 WebViewAssetLoader：

private static class LocalContentWebViewClient extends WebViewClientCompat {

    private final WebViewAssetLoader mAssetLoader;

    LocalContentWebViewClient(WebViewAssetLoader assetLoader) {
        mAssetLoader = assetLoader;
    }

    @Override
    @RequiresApi(21)
    public WebResourceResponse shouldInterceptRequest(WebView view,
                                     WebResourceRequest request) {
        return mAssetLoader.shouldInterceptRequest(request.getUrl());
    }

    @Override
    @SuppressWarnings("deprecation") // to support API < 21
    public WebResourceResponse shouldInterceptRequest(WebView view,
                                     String url) {
        return mAssetLoader.shouldInterceptRequest(Uri.parse(url));
    }
}

这基本上将请求 URL 传递给 WebViewAssetLoader 以从资产加载 Web 内容。

4. 使用(2)中的assetLoader构建(3)中的WebViewClient，并将其设置在您的WebView中。您的 index.html 可以使用 https 和默认域 appassets.androidplatform.net 加载：

mWebView.setWebViewClient(new LocalContentWebViewClient(assetLoader));
mWebView.loadUrl("https://appassets.androidplatform.net/assets/index.html");

请注意，使用类似 Web 的 URL 而不是 file 加载本地文件:// 是理想的，因为它与同源策略兼容。

Answer 6

接受的答案对我不起作用，这对我有用

WebSettings webSetting = webView.getSettings();
    webSetting.setBuiltInZoomControls(true);
    webView1.setWebViewClient(new WebViewClient());

   webView.loadUrl("file:///android_asset/index.html");