Flutter如何过滤掉百度搜索中的广告和推广内容

在Flutter应用中集成百度搜索时，如何有效过滤搜索结果中的广告和推广内容？目前使用官方API返回的结果包含大量商业推广信息，影响用户体验。请问是否有成熟的方案或第三方库可以实现广告过滤？或者需要自行通过正则表达式或DOM解析来处理HTML响应？希望能分享具体实现思路或代码示例。

2 回复

使用浏览器插件或自定义脚本过滤广告。Flutter中可集成广告拦截库如flutter_adblock，或通过WebView加载时注入JavaScript代码屏蔽特定元素。

更多关于Flutter如何过滤掉百度搜索中的广告和推广内容的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中过滤百度搜索广告，主要有以下几种方案：

1. 使用广告拦截插件

dependencies:
  flutter_adblock: ^0.2.1

import 'package:flutter_adblock/flutter_adblock.dart';

class AdBlockHelper {
  static Future<bool> isAd(String url) async {
    final adBlock = FlutterAdblock();
    return await adBlock.isAd(url);
  }
}

2. WebView自定义过滤

dependencies:
  webview_flutter: ^4.4.2

WebViewController(
  onPageFinished: (url) {
    controller.runJavaScript('''
      // 移除百度推广标识
      document.querySelectorAll('.ec_tuiguang, .c-container[mu]').forEach(el => el.remove());
      // 移除广告iframe
      document.querySelectorAll('iframe[src*="baidu"]').forEach(el => el.remove());
    ''');
  },
)

3. 搜索结果预处理

String filterBaiduResults(String htmlContent) {
  // 使用正则表达式过滤广告内容
  final adPatterns = [
    r'<div class="ec_tuiguang".*?</div>',
    r'<div class="c-container.*?mu=".*?".*?</div>',
  ];
  
  String filteredContent = htmlContent;
  for (var pattern in adPatterns) {
    filteredContent = filteredContent.replaceAll(RegExp(pattern, multiLine: true), '');
  }
  
  return filteredContent;
}

4. 推荐方案组合

建议使用WebView + JavaScript注入的方式，实时过滤页面广告，用户体验较好。同时可以结合自定义CSS隐藏广告元素。

注意：这些方法主要针对Web版百度搜索，且需要定期更新过滤规则，因为百度会不断调整广告的DOM结构。

回到顶部