Android - 在外部网页上加载和执行 javascript答案

【问题标题】：Android - load and execute javascript on external webpageAndroid - 在外部网页上加载和执行 javascript
【发布时间】：2011-09-05 13:57:36
【问题描述】：

假设我想在网页底部添加一个<div>hello</div> http://www.google.com 我在 WebView 中加载。有可能吗？

我可以为内部网页（位于设备内部存储器上的页面）执行此操作。

这是我的 Activity 的代码：

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class Main extends Activity {

    private WebView mWebview;

    @Override
    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        mWebview  = new WebView(this);
        mWebview.getSettings().setJavaScriptEnabled(true);

        final Activity activity = this;

        mWebview.setWebViewClient(new WebViewClient() {

            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                Toast.makeText(activity, description, Toast.LENGTH_SHORT).show();
            }

            private final String jsFileURL = "file:///android_asset/script.js";

            @Override  
            public void onPageFinished(WebView view, String url){

                final WebView v = view;

                view.loadUrl("javascript:{" +
                        "var script = document.createElement('script');" +
                        "script.type = 'text/javascript';" +
                        "script.src = '" + jsFileURL + "';" +
                        "document.getElementsByTagName('head').item(0).appendChild(script); };");

                new Handler().postDelayed(new Runnable() {

                    @Override
                    public void run() {
                        v.loadUrl("javascript:job();");
                    }

                }, 100);

              }  

        });

        mWebview.loadUrl("file:///android_asset/page.html");
        //mWebview.loadUrl("http://www.google.com");

        setContentView(mWebview );

    }

}

script.js 的内容位于“/assets”文件夹中：

function job() {
    var div = document.createElement('div');
    div.innerHTML = 'hello';
    document.getElementsByTagName('body').item(0).appendChild(div);
}

page.html 的内容也位于“/assets”文件夹中：

<html>
<head></head>
<body>
<div>content of my page</div>
</body>
</html>

但是

如果我改变了

mWebview.loadUrl("file:///android_asset/page.html");
//mWebview.loadUrl("http://www.google.com");

通过

//mWebview.loadUrl("file:///android_asset/page.html");
mWebview.loadUrl("http://www.google.com");

这个技巧不再起作用了...有安全原因吗？

【问题讨论】：

你有什么错误吗？您是否已转储生成的 DOM 以确认您的节点确实不存在（相对于由于 CSS 规则或其他原因而根本不显示）？
未显示错误。当我用“document.getElementsByTagName('body').item(0).innerHTML='sss';”替换 job() 函数的内容时，我做了同样的观察-> JS 不在远程文件上执行。 “倾倒”到底是什么意思？

标签： javascript android load webpage

【解决方案1】：

在 res 中创建一个“raw”文件夹：res/raw.然后将 yourFile.html 托管在 raw 文件夹中。然后用你的代码：

字符串链接 = this.getApplicationContext().getFilesDir()+ "raw/yourFile.html";

mWebview.loadUrl(链接);

【讨论】：