Android中用Jsoup隐藏HTML标签：跳转新页面后Header/Footer重现的解决方法

嘿，这个问题我做WebView封装的时候也踩过坑！你现在的核心问题是：只有初始加载的页面经过了Jsoup的标签过滤，而WebView内部跳转新页面时，默认会直接请求并加载原始HTML，完全绕开了你之前的处理逻辑。下面给你两个基于现有技术栈的解决方案，按需选择：

方案一：拦截所有跳转请求，统一用Jsoup处理后加载 #

这个方案把所有页面加载（包括初始和跳转）都纳入过滤流程，从根源上解决问题：

1. 给WebView设置自定义WebViewClient，重写shouldOverrideUrlLoading方法拦截所有URL跳转请求
2. 对拦截到的URL，用Jsoup异步请求并过滤HTML（注意：网络请求不能在主线程，要用AsyncTask或协程）
3. 把处理后的HTML通过webView.loadDataWithBaseURL()加载，传入原URL作为baseUrl保证相对链接正常工作

示例代码：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // 拦截跳转请求，自行处理
        new HtmlProcessingTask(view).execute(url);
        return true; // 返回true表示我们接管这个请求
    }
});

// 异步处理HTML的任务
private static class HtmlProcessingTask extends AsyncTask<String, Void, String> {
    private final WeakReference<WebView> webViewRef;

    public HtmlProcessingTask(WebView webView) {
        webViewRef = new WeakReference<>(webView);
    }

    @Override
    protected String doInBackground(String... urls) {
        String url = urls[0];
        try {
            // Jsoup获取原始HTML
            Document doc = Jsoup.connect(url).get();
            // 移除目标标签（替换成你实际要隐藏的选择器）
            doc.select("header, footer, .search-panel").remove();
            return doc.html();
        } catch (IOException e) {
            e.printStackTrace();
            return null;
        }
    }

    @Override
    protected void onPostExecute(String processedHtml) {
        WebView webView = webViewRef.get();
        if (webView != null && processedHtml != null) {
            // 加载处理后的HTML，baseUrl保证相对链接有效
            webView.loadDataWithBaseURL(url, processedHtml, "text/html", "UTF-8", null);
        }
    }
}

方案二：页面加载完成后注入JavaScript隐藏元素 #

如果不想处理复杂的网络异步逻辑，这个方案更简单：利用WebView的onPageFinished方法，在每个页面加载完成后注入JS代码，直接隐藏或移除目标元素。不管是初始页面还是跳转后的页面，加载完成都会执行这段JS，持续生效。

示例代码：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        // 注入JS移除指定元素（替换成你实际的选择器）
        String js = "javascript:(function() {" +
                "var header = document.querySelector('header'); if(header) header.remove();" +
                "var footer = document.querySelector('footer'); if(footer) footer.remove();" +
                "var searchPanel = document.querySelector('.search-panel'); if(searchPanel) searchPanel.remove();" +
                "})()";
        // 适配不同Android版本的JS执行方式
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            view.evaluateJavascript(js, null);
        } else {
            view.loadUrl(js);
        }
    }
});

// 必须启用JavaScript才能生效
webView.getSettings().setJavaScriptEnabled(true);

两种方案对比 #

• 方案一：彻底在HTML层面移除元素，不会出现元素短暂显示的闪烁，但需要处理网络请求的异步、异常情况，代码量稍大
• 方案二：实现简单，无需额外处理网络请求，但可能会有页面加载完成后元素短暂显示再消失的闪烁（取决于页面加载速度），适合对体验要求不是极致苛刻的场景

我个人更推荐方案二，代码简洁易维护，除非你必须彻底移除这些元素的HTML代码~

内容的提问来源于stack exchange，提问作者Fuad Alizadeh