我已经看到这个问题被问了很多次，但仍然无法让我的代码正常工作。

我希望我的 webview 加载一些 URL(比如 www.google.com)，然后应用存储在 assets/jstest.js 中的一些 javascript，其中包含以下内容:

function test(){
document.bgColor="#00FF00"; //turns to green the background color
}

这是我尝试加载 JS 的地方:

@Override  
public void onPageFinished(WebView view, String url){
    view.loadUrl("javascript:(function() { "
                + " document.bgColor='#FF0000';" //turns to red the background color
                + " var script=document.createElement('script'); "
                + " script.setAttribute('type','text/javascript'); "
                + " script.setAttribute('src', 'file:///android_asset/jstest.js'); "
                + " script.onload = function(){ "
                + "     test(); "
                + " }; "
                + " document.getElementsByTagName('head')[0].appendChild(script); "
                + "})()"); 
} 

我知道这里的 javascript 可以工作，因为背景颜色实际上变成了红色，但由于某种原因它不会加载 jstest.js。我认为问题可能出在文件路径中(我确定 JavaScript 代码的每一行都是正确的)，但对我来说它看起来是正确的。该文件位于正确的文件夹中。

我错过了什么？

编辑:

由于 WebResourceResponse 类仅在 API 级别 11 中可用，这就是我最终得出的结论。

public void onPageFinished(WebView view, String url){
        String jscontent = "";
        try{
            InputStream is = am.open("jstest.js"); //am = Activity.getAssets()
            InputStreamReader isr = new InputStreamReader(is);
            BufferedReader br = new BufferedReader(isr);

            String line;
            while (( line = br.readLine()) != null) {
                jscontent += line;
            }
            is.close(); 
        }
        catch(Exception e){}
        view.loadUrl("javascript:(" + jscontent + ")()"); 
    } 

jstest.js 只包含:

function() {
    document.bgColor="#00FF00";
}

最佳答案

我尝试了同样的方法，将书签(您的 loadUrl() 调用中的 javascript 代码)加载到第三方页面中。我的书签还依赖于其他资源(javascript 和 css 文件)，这些资源不会使用 file:///android_asset URL 加载。

这是因为页面的安全上下文仍然是例如 http://www.google.com 的安全上下文。 ，并且不允许访问 file: URLs。如果您提供/覆盖 WebChromeClient.onConsoleMessage()，您应该能够看到错误。

最后我把书签的 Assets 引用更改为伪造的 URL 方案，例如:

asset:foo/bar/baz.js

并添加了一个 WebViewClient.shouldInterceptRequest() 覆盖，它会查找这些内容并使用 AssetManager.open() 从 Assets 中加载它们。

我不喜欢这个组合的一点是，asset: 方案对我的 View 加载的任何页面上的任何第三方 HTML/Javascript 都是开放的，让他们可以访问我的应用程序的 Assets 。

我没有尝试过的另一种方法是使用 data: URL 将子 Assets 嵌入到小书签中，但这可能会变得笨拙。

如果有一种方法可以操作 just 我在 loadUrl() 中加载的 JS 小书签的安全上下文，我会更喜欢它，但我找不到类似的东西。

这是一个 fragment :

import android.webkit.WebResourceResponse;
...
    private final class FooViewClient extends WebViewClient
    {
    private final String bookmarklet;
    private final String scheme;

    private FooViewClient(String bookmarklet, String scheme)
        {
        this.bookmarklet = bookmarklet;
        this.scheme = scheme;
        }

    @Override
    public void onPageFinished(WebView view, String url)
        {
        view.loadUrl(bookmarklet);
        }

    @Override
    public WebResourceResponse shouldInterceptRequest(WebView view, String url)
        {
        if (url.startsWith(scheme))
            try
                {
                return new WebResourceResponse(url.endsWith("js") ? "text/javascript" : "text/css", "utf-8",
                        Foo.this.getAssets().open(url.substring(scheme.length())));
                }
            catch (IOException e)
                {
                Log.e(getClass().getSimpleName(), e.getMessage(), e);
                }

        return null;
        }
    }

关于javascript - Android webview，在 Assets 文件夹中加载javascript文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5649111/