javascript - Android webView，正确显示CSS

Question

我正在尝试在 Android webView 中正确显示网页。在 webView 中，网页默认为其移动版本。移动版本有一个带有 Logo 、导航图标(汉堡包)和搜索栏的工具栏。除此工具栏外，页面正确加载；整个酒吧是看不见的。话虽如此，您仍然可以单击导航图标和搜索栏，并且它们可以正常运行。

我尝试过注入(inject) Javascript 来解决问题，但我不是 Web 开发人员!它似乎不起作用:

 webView.setWebViewClient(new WebViewClient() {

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {

            webView.loadUrl(url);
            return false;
        }

        @Override
        public void onPageFinished(WebView view, String url) {

            // This injection fixes CSS that occasionally doesn't display correctly
            // in the webView.
            String fixingJs = "$(\'header > div > a\').css({\"display\":\"inline\"});";                   
            view.loadUrl("javascript: "+fixingJs);
        }
    });

    webView.getSettings().setJavaScriptEnabled(true);
    webView.loadUrl(url);

    return view;
}

Answer 1

这是一个 CSS 问题。不要尝试用 Javascript 或 java 修复它。