Android webview,在assets文件夹中加载javascript文件

Question

我已经看过很多次这个问题,但仍然无法让我的代码工作.

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

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 Level 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";
}

Answer 1

我尝试了同样的事情,将bookmarklet(你的loadUrl()调用中的javascript代码)加载到第三方页面.我的bookmarklet还依赖于其他资源(javascript和css文件),这些资源不会加载文件:/// android_asset URL.

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

我最终得到了一个kludge,我将bookmarklet的资产引用更改为伪造的URL方案,如:

asset:foo/bar/baz.js

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

我不喜欢这个问题的一件事是,资产:方案对我的视图加载的任何页面上的任何第三方HTML/Javascript开放,使他们可以访问我的应用程序的资产.

我没有尝试的另一种方法是使用数据:URL来将子资产嵌入书签中,但这可能会变得难以处理.

我更喜欢它,如果有操纵的安全上下文的方式只是 JS的书签我加载在使用loadURL(),但我找不到这样的事情.

这是一个片段:

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;
        }
    }