安卓WebView使用loadDataWithBaseUrl方法时无法执行JavaScript

Question

安卓WebView使用loadDataWithBaseUrl方法时无法执行JavaScript

4

我正在尝试使用以下方法将数据加载到Android WebView中：

webview.loadDataWithBaseURL("", htmlcontent, "text/html", null, "");

一种方法从StringBuilder返回htmlContent，该方法填充html数据。

我已启用javascript并设置了以下webChromeClient：

webview.getSettings().setJavaScriptEnabled(true);
webview.setWebChromeClient(new WebChromeClient());
webview.addJavascriptInterface(new JSClass(), "Android");

我的JavaScript接口：

class JSClass {
    public void getHTMLContent(String html)
    {
        Log.i(Global.TAG, "HTMLContentReceived: "+html);
    }
}

我的html页面中的javascript代码：

<script type="text/javascript">
    var ele = document.getElementsByClassName('test');
    for(var i=0;i<ele.length;i++){
        ele[i].onclick = function(){
            window.Android.getHTMLContent(this.innerHTML);
        }
    }
</script>

但是某种原因，JavaScript没有返回任何值。对于loadData（url）工作正常，其中url是assets文件夹中的简单网页。请帮忙，提前感谢。

- raghavendra

只需在您的活动中添加JavaScript，使用以下代码： webview.loadUrl("javascript://在此处输入您的JavaScript代码"); 在上述代码中的 webview.getSettings().setJavaScriptEnabled(true); 之后，它将平稳运行！希望能对您有所帮助。 - raghavendra

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- gunar · Accepted Answer

由于您正在加载动态生成的HTML，所以没有任何可用的baseURL可以使用。

因此，webview.loadData(htmlcontent, "text/html", null);应该足够了。

在Java代码中，Javascripts不会抛出任何异常。请记住，JS并不像Java代码那样类型安全/严格... 我的做法是在敏感的Javascript调用之间放置日志，以查看该行是否通过并检查值。由于您没有提供HTML，我将设置WebChomeClient并覆盖onConsoleMessage：

webview.setWebChromeClient(new MyChromeClient());

private class MyChromeClient extends WebChromeClient {
        @Override
        public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
            String message = consoleMessage.message() + " -- line " + consoleMessage.lineNumber();
            switch (consoleMessage.messageLevel()) {
            case ERROR:
                logErrorMessage(message);
                break;
            default:
                logInfoMessage(message);
                break;
            }
            return true;
        }

        private void logInfoMessage(String message) {
            Log.i("JSTag", message);
        }

        private void logErrorMessage(String message) {
            Log.e("JSTag", message);
        }


    }

从您的JavaScript中，您可以调用例如：console.log('check my value:' + (ele != null))。更多信息在此处。

查看您的JavaScript代码，我无法理解this.innerHTML指向哪个点。