来自资产的 Android WebView JavaScript

发布于 2025-01-08 10:11:08 字数 54 浏览 1 评论 0原文

如何从资源文件夹(或任何本地资源)加载远程 HTML 页面上的 JavaScript 和图像?

How can I make JavaScript and images on my remote HTML page be loaded from assets folder (or just any local resource)?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

别理我 2025-01-15 10:11:08

回答:

1. 您必须将 HTML 加载到字符串中:

private String readHtml(String remoteUrl) {
    String out = "";
    BufferedReader in = null;
    try {
        URL url = new URL(remoteUrl);
        in = new BufferedReader(new InputStreamReader(url.openStream()));
        String str;
        while ((str = in.readLine()) != null) {
            out += str;
        }
    } catch (MalformedURLException e) { 
    } catch (IOException e) { 
    } finally {
        if (in != null) {
            try {
                in.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }
    return out;
}

2. 使用基本 URL 加载 WebView:

String html = readHtml("http://mydomain.com/my.html");
mWebView.loadDataWithBaseURL("file:///android_asset/", html, "text/html", "utf-8", "");

在这种特殊情况下,您应该将想要在页面上使用的所有 .js 文件驻留在项目的“assets”文件夹下的某个位置。例如:

/MyProject/assets/jquery.min.js

3. 在远程 html 页面中,您必须加载驻留在应用程序中的 .js 和 .css 文件,例如:

<script src="file:///android_asset/jquery.min.js" type="text/javascript"></script>

这同样适用于所有其他本地资源,例如图像等。它们的路径必须以

file:///android_asset/

WebView 开头,WebView 将首先加载原始文件您以字符串形式提供的 HTML,然后选择 .js、.css 和其他本地资源,然后加载远程内容。

Answer:

1. You MUST load the HTML into string:

private String readHtml(String remoteUrl) {
    String out = "";
    BufferedReader in = null;
    try {
        URL url = new URL(remoteUrl);
        in = new BufferedReader(new InputStreamReader(url.openStream()));
        String str;
        while ((str = in.readLine()) != null) {
            out += str;
        }
    } catch (MalformedURLException e) { 
    } catch (IOException e) { 
    } finally {
        if (in != null) {
            try {
                in.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }
    return out;
}

2. Load WebView with base URL:

String html = readHtml("http://mydomain.com/my.html");
mWebView.loadDataWithBaseURL("file:///android_asset/", html, "text/html", "utf-8", "");

In this particular case you should have all .js files you want to use on the page to reside somewhere under "assets" folder of project. For example:

/MyProject/assets/jquery.min.js

3. In your remote html page you have to load .js and .css files that reside in your application like:

<script src="file:///android_asset/jquery.min.js" type="text/javascript"></script>

the same applies to all other local resources like images, etc. their path has to start with

file:///android_asset/

A WebView would first load the raw HTML you have provided as string, then pick .js, .css and other local resourses and then would load remote content.

余生再见 2025-01-15 10:11:08

如果动态创建 HTML,然后使用 loadDataWithBaseURL,请确保资产文件夹中的任何本地资源(例如 javascript)在 HTML 中引用为 file:/// (我花了几个小时解决这个问题)

If dynamically creating your HTML and then using loadDataWithBaseURL make sure any local resources e.g. javascript in your assets folder are referred to in the HTML as file:/// (I Spent hours working this out)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文