android webview javascript不适用于loadDataWithBaseUrl

Question

我正在尝试使用将数据加载到 android webview 中

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

一个方法从填充 html 数据的StringBuilder 返回 htmlContent。

我已启用 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 文件夹中的一个简单网页

请帮忙 提前致谢

Answer 1

您没有任何 baseURL 可供使用，因为您正在加载动态生成的 HTML。 因此，webview.loadData(htmlcontent, "text/html", null); 应该绰绰有余。

Javascript 不会在 Java 代码中抛出任何异常。请记住，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))。有关此here 的更多信息。

看着你的 JavaScript 代码，我不明白this.innerHTML 指向什么。