Android HTML 应用程序：如何使用 WebViewAssetLoader 允许多个 JS 文件？

Question

我正在使用 WebView 开发一个带有 HTML5 画布、CSS 和 JavaScript 的 Android 应用程序。所有内容都存储在设备本地。我使用这个简短的视频教程制作了一个简单、可运行的应用程序。简单的应用程序仅包含两个文件（除了 HTML、CSS 和 JS）：

MainActivity.java:

package com.example.myappname;

import androidx.appcompat.app.AppCompatActivity;
import android.annotation.SuppressLint;
import android.os.Bundle;
import android.webkit.WebView;


public class MainActivity extends AppCompatActivity {

    @SuppressLint("SetJavaScriptEnabled")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        WebView webView = (WebView) findViewById(R.id.webview);
        webView.getSettings().setJavaScriptEnabled(true);

        webView.setLayerType(WebView.LAYER_TYPE_HARDWARE, null);

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

Activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/webview"/>

</LinearLayout>

当我扩展应用程序以包含多个 JS 文件时，由于 同源策略。

从这篇文章看来，标志allowFileAccessFromFileURLs 已弃用，根据 Android 官方文档，您现在必须使用 WebViewAssetLoader 来安全地加载本地内容。关于使用 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));
    }
}

我是一名经验丰富的开发人员，但这是我的第一个 Android 项目，我之前没有 Java 或 Kotlin 的经验。该文档没有提供大量上下文，并假设读者知道将片段放置在哪里。我需要一些关于在哪里放置代码以及如何使用它的指导。

Answer 1

很晚了，但仍然：您可以通过 http(s) 加载本地文件：使用 WebViewAssetLoader

请参阅 https://developer.android.com/reference/androidx/webkit/WebViewAssetLoader，它从 https://appassets.androidplatform.net，它不是真正的主机，但为您的本地文件提供服务。