javascript - 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 接口(interface):

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); 应该绰绰有余。

Javascripts 不会在 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是什么意思。