Question

我使用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 code：

<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

有什么建议吗？

Answer 1

这可能看起来像是一个冗长的方法，但是你可以让你的android代码将js代码写入文件，然后在你的html文件中引用该文件吗？

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

1 个答案: