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

时间:2011-09-05 13:57:36

标签: javascript android load webpage

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

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

以下是我的活动代码:

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

    }

}

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

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>

BUT

如果我改变

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");

这个技巧不再起作用......有安全理由吗?

1 个答案:

答案 0 :(得分:2)

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

  

String link = this.getApplicationContext()。getFilesDir()+“raw / yourFile.html”;

     

mWebview.loadUrl(联系);