Android WebView 隱藏網頁頂部廣告：JS 注入屏蔽廣告 URL 方案

需求：WebView 加載頁面後，隱藏頂部廣告區塊。最簡潔方案是通過 `WebViewClient` 攔截請求或注入 JS 移除廣告 DOM。

方案一：JS 注入移除 (推薦靈活)

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        // 注入 JS 隱藏廣告容器
        String js = "javascript:(function() { " +
            "var ad = document.querySelector('.ad-header, #top-banner, [id*=\"ad\"]'); " +
            "if (ad) ad.style.display = 'none'; " +
            "})()";
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            view.evaluateJavascript(js, null);
        } else {
            view.loadUrl(js);
        }
    }
});

方案二：`shouldInterceptRequest` 攔截廣告請求 (源頭阻斷)

webView.setWebViewClient(new WebViewClient() {
    @Override
    public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
        String url = request.getUrl().toString();
        // 匹配廣告域名/路徑關鍵字
        if (url.contains("ads.") || url.contains("/ad/") || url.matches(".*\\.ad\\..*")) {
            return new WebResourceResponse("text/plain", "utf-8", new ByteArrayInputStream("".getBytes()));
        }
        return super.shouldInterceptRequest(view, request);
    }
});

方案對比

進階：結合開源廣告過濾規則

• 引入 AdGuard 過濾規則，解析規則文件生成攔截列表
• 或使用 AdBlockWebView 等封裝庫

1. 上一篇文章： PhoneGap 與 Cordova 關係詳解：從名稱變更到 CLI 工作流差異
2. 下一篇文章： JUnit ClassNotFoundError 快速排查：重新編譯、依賴範圍、運行配置三步走

程式設計疑難解答

輸入框數值限制：原生 HTML `max`/`min` 屬性 vs jQuery 動態校驗

需求：「限制 `` 最大值不超過 10，超過自動修正為 10

Java 聊天室設計：群聊、私聊、文件傳輸完整實現

功能需求 群聊、私聊消息收發 文件傳輸（斷點續傳） 服務器

Div CSS 佈局核心思維：何時嵌套、何時獨立——從設計圖到結構的實戰分析

核心原則 Div 佈局的本質是**將設計圖轉化為語義化、層次

Java 程序報錯求助：語法邏輯錯誤分析與修正建議

初學者提交的 Java 代碼截圖顯示編譯/運行錯誤，但未提供