在WebView Android中添加JS时HTML页面未加载答案

【问题标题】：HTML page not loading when JS is added in WebView Android在WebView Android中添加JS时HTML页面未加载
【发布时间】：2017-11-22 21:36:26
【问题描述】：

我正在尝试在本地 WebView 中显示 HTML 页面，并且没有 Internet 连接，但如果在 HTML 中添加脚本，它不会加载内容。这是显示 HTML 的代码：

     String htmlContent = "<html>\n" +
                    "<head>\n" +
                    "<link rel=\"stylesheet\" type=\"text/css\" href=\"file:///android_asset/combined_main.css\" /> " +
                    "<link rel=\"stylesheet\" type=\"text/css\" href=\"file:///android_asset/libs.css\" />" +
                    "<script type=\"text/javascript\" async src=\"file:///android_asset/MathJax.js\"></script>\n" +
                    "</head>" +
                    "<body>" +
                    content.getContentName() + //My Rest of the HTML content
                    "</body>" +
                    "</html>\n";

            webView.getSettings().setLoadWithOverviewMode(true);
            webView.getSettings().setUseWideViewPort(true);
            webView.loadDataWithBaseURL("file:///android_asset/", htmlContent, "text/html", "UTF-8", null);
         webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

            webView.getSettings().setJavaScriptEnabled(true);
            webView.addJavascriptInterface(new WebAppInterface(this), "Android");
            webView.getSettings().setDomStorageEnabled(true);
            webView.getSettings().setLoadsImagesAutomatically(true);
            webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
            webView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);
            webView.requestFocus(View.FOCUS_DOWN);
            webView.getSettings().setBuiltInZoomControls(true);
            webView.getSettings().setDisplayZoomControls(false);
            webView.setWebViewClient(new MyBrowser());

 protected class WebAppInterface {
        Context mContext;

        /**
         * Instantiate the interface and set the context
         */
        WebAppInterface(Context c) {
            mContext = c;
        }
    }


    private class MyBrowser extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {

            return true;
        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);

            showLoading();

        }

        @Override
        public void onPageFinished(final WebView view, String url) {
            super.onPageFinished(view, url);

            new Handler().postDelayed(new Runnable() {

                @Override
                public void run() {
                    view.scrollTo(0, 0);

                }
            }, 500);
            hideLoading();
        }

        @Override
        public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
//            super.onReceivedSslError(view, handler, error);
            handler.proceed();
        }
    }

如果我删除我的 JS 行，则显示网页，否则不显示。

任何帮助将不胜感激。提前致谢。

【问题讨论】：

MathJax.js 文件的路径在哪里？
在 src > main > assets 文件夹内

标签： android webview

【解决方案1】：

如果你使用这个 baseURL 启动你的 webview：

 webView.loadDataWithBaseURL("file:///android_asset/"...

您无需再次将路径放入 HTML 文件中

试试

 String htmlContent = "<html>\n" +
                    "<head>\n" +
                    "<link rel=\"stylesheet\" type=\"text/css\" href=\"combined_main.css\" /> " +
                    "<link rel=\"stylesheet\" type=\"text/css\" href=\"libs.css\" />" +
                    "<script type=\"text/javascript\" async src=\"MathJax.js\"></script>\n" +
                    "</head>" +
                    "<body>" +
                    content.getContentName() + //My Rest of the HTML content
                    "</body>" +
                    "</html>\n";

【讨论】：