javascript - 如何在 Android WebView 中修改 DOM？

Question

我需要修改 Android WebView 中的页面 DOM(使用 id 或 classname 隐藏一些元素，并替换一些函数或 CSS 样式的默认实现)。我试图在 WebViewClient.onPageLoaded 中注入(inject) javascript:

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        getSupportActionBar().setTitle("Finishing ");
        getSupportActionBar().setSubtitle(url);
        view.loadUrl("javascript:alert('hello world 2');");
        getSupportActionBar().setTitle("Finished");
    }
});

(这里通过 js 显示警报而不是实际隐藏)。这不是实际需要的，因为所有页面在未加载时显示。

由于某些原因，在 onPageStarted 中加载 js 不起作用 - 它阻止加载原始 URL:

webView.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            getSupportActionBar().setTitle("Started ");
            getSupportActionBar().setSubtitle(url);

            webView.evaluateJavascript("alert('hello world 1');", null);
            // view.loadUrl("javascript:alert('hello world 1');") prevents too
        }

是否可以在页面开始加载之前注入(inject) JS？在 WebView 中回调 DOM 事件有什么技巧吗？

Answer 1

我解决了这样的问题，但我在 onPageFinished 方法中解决了这个问题。您可以在 DOM 操作之前隐藏 webview。因此用户不会受到流程的影响。

 public class WebClient extends WebViewClient {
   ...

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

                view.loadUrl("javascript:document.getElementById(\"jumbotron-test\").innerHTML = \"\";void(0);");
                webView.setVisibility(View.VISIBLE);

        }
    }