有没有基于拦截浏览器请求来达成一些事情的浏览器扩展

这么多年了，还有不知道 tampermonkey 的？

没去纠细节，不是说 Chrome manifest V3 把这个功能干废了吗？

@kk2syc 下载了很久，但是，没啥好用的脚本。。。

AdGuard

@kk2syc 我寻思里面链接就是我写的用户脚本啊，就是问有没有优化一下做成扩展的

@kk2syc tampermonkey 能拦截 xhr 和 fetch 对象吗？有没有例子分享一下呀？谢谢。

大部分情况下是没办法直接注入页面才需要的请求重写，tampermonkey 能直接注入页面还费那劲重写干嘛

借这个主题问一下：tampermonkey 如何拦截页面的 audio/video 这些请求呢？一直没有找到这种插件。

不知那位高手 show 一下代码。

@abccccabc https://segmentfault.com/a/1190000025182822

fiddler 可以拦截改返回内容

@klesh 直接问 deepseek 就行了
https://gist.github.com/shadowdreamer/4687f0fe1da96bec64db68feccbb09d1
看了下应该没毛病（
因为大部分逻辑都通用，所以才想会不会有扩展包装一下，有个修改请求头的扩展叫 Header Editor ，那修改参数和响应体也感觉也可以有

@abccccabc #8
umatrix 之类可以拦截 media 类型，不过可能把 font 之类也拦截了
或者搜 request block (关键词，不是名字)之类的扩展

油猴脚本拦截需要设置更早的加载时间，因为默认是页面加载完成，这样大部分已经加载了，拦截没意义
具体让 AI 写一个就行，绰绰有余

@NoOneNoBody @loginv2 多谢两位分享。找到 http request block 和 custome block 挨个试用下，看看效果。

Hoppscotch 的插件实现了类似功能，不过并不是传统的拦截 xhr 和 fetch

@CureDovahkiin @klesh 注入点选好都可以重写啊，fetch 参考下，xhr 类似

(function () {
   const originFetch = fetch;
   // console.log(originFetch)
   window.unsafeWindow.fetch = (url, options) => {
       return originFetch(url, options).then(async (response) => {
           console.log(url)
           if(url === 'https://domain/something'){
               const responseClone = response.clone()
               let res = await responseClone.json()
               res.data.push('处理数据')
               const responseNew = new Response(JSON.stringify(res), response);
               return responseNew
          }else{
               return response
          }
      })
  }
})()

@foufoufm 大部分是自己日积月累写下来的针对性脚本，也有一些分享的，比如百度盘 vip 解析啊（虽然从免费变成赞助可用，几块钱也比 svip 便宜）

@kk2syc 有没有传送门指指北 求求

浏览器为扩展提供了 API 可以拦截请求： [webRequest] （已在 manifest V3 中被 Chrome 废止）和 [declarativeNetRequest]

如果是 Bilibili 可以用 https://github.com/the1812/Bilibili-Evolved ，也是用 user.js 实现的，里面有组件可以过滤首页的流。