The Great Filter（预览）

一个 ajax 过滤器插件，对 fetch 和 xhr 进行中间人劫持，从而允许使用者过滤或修改网页 API 响应。搭配 Chrome Extension 或者油猴插件使用

原理

在 document 开头注入 script，替换全局的 fetch 和 XMLHttpRequest 函数，从而实现对响应的中间人劫持。用户可通过编写插件来实现自定义过滤功能

举个例子

import { TGF } from "./core"

const zhihuSearchFilter = {
  name: "zhihuSearchFilter",
  isMatch: (url) => url.startsWith("https://www.zhihu.com/api/v4/search_v3"),
  intercept: (json) => {
    json.data = [] // 拦截所有结果
  },
}

const tgf = new TGF()
tgf.use(zhihuSearchFilter)
window.fetch = tgf.buildFetch(window.fetch)

使用方法

选项一(推荐)：通过 Chrome 开发者模式加载

git clone https://github.com/uknfire/theGreatFilter.git
cd theGreatFilter
npm install
npm run build:watch

在 扩展设置页面打开开发者模式后，选择 Load unpacked extension，导入项目文件夹

选项二：使用油猴插件

访问 theGreatFilter.user.js 自动安装

注意事项

目前本项目还处于探索阶段，因此

• 暂时只支持修改 json 响应
• 没有设计 UI 和配置文件
• 请使用最新版浏览器，以保证兼容性

致谢

感谢 ajax-interceptor 提供的源码参考