android webview javascript无法使用loadDataWithBaseUrl

时间:2013-06-20 06:03:57

标签: javascript android android-webview

我正在尝试使用

将数据加载到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是资产文件夹中的简单网页

请帮忙 提前致谢

1 个答案:

答案 0 :(得分: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的要点。