在使用 Android WebView 加载 html 之前注入 JavaScript答案

【问题标题】：Inject JavaScript before html loaded with Android WebView在使用 Android WebView 加载 html 之前注入 JavaScript
【发布时间】：2012-12-28 02:04:07
【问题描述】：

我正在使用 Android WebView 加载一个简单的 HTML 页面。 HTML 依赖于一小段 Javascript 代码。

我需要在加载 html 之前注入 Javascript。所以我这样做：

public class MainActivity extends Activity {

    WebView mWebView;
    Button mButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView)findViewById(R.id.webview);
        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.setWebChromeClient(new WebChromeClient(){
            @Override
            public boolean onJsAlert(WebView view, String url, String message,JsResult result) {
                return super.onJsAlert(view, url, message, result);
            }
        });


        mButton = (Button)findViewById(R.id.button);
        mButton.setOnClickListener(new myListener());
    }

    class myListener implements OnClickListener{

        int mCount = 1;

        @Override
        public void onClick(View arg0) {
            System.out.println("Load test page=>"+mCount+" times");
            mWebView.loadUrl("javascript:var output='This string is defined before html loaded.'");
            mWebView.loadUrl("file:///android_asset/test.html");
            mCount++;
        }
    }
}

HTML 代码：

<html>

<head>
<script>
alert(output);
</script>
<head>

<body>
</body>

</html>

当我第一次单击按钮时，JS 和 HTML 工作正常。但是当我点击按钮再次执行加载时，失败了。

日志：

Load test page=>1 times
Load test page=>2 times
Uncaught ReferenceError: output is not defined at file:///android_asset/test.html:5
Load test page=>3 times
Uncaught ReferenceError: output is not defined at file:///android_asset/test.html:5

有什么建议吗？

【问题讨论】：

尝试 WebView.loadDataWithBaseURL() developer.android.com/reference/android/webkit/…, java.lang.String, java.lang.String, java.lang.String, java.lang.String) ，将变体渲染成 HTML（例如字符串替换）然后将字符串加载为页面。

标签： javascript android webview

【解决方案1】：

这似乎是一种冗长的方法，但是您能否让您的 android 代码将 js 代码写入一个文件，然后在您的 html 文件中引用该文件？

【讨论】：