• 请不要在回答技术问题时复制粘贴 AI 生成的内容
CureDovahkiin
V2EX  ›  程序员

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

  •  
  •   CureDovahkiin · Feb 4, 2025 · 4054 views
    This topic created in 641 days ago, the information mentioned may be changed or developed.

    在页面加载前拦截 xhr 和 fetch 对象

    加个响应拦截器,屏蔽放在用户信息流里面的广告,返回处理后的数据,还能顺便屏蔽 up 主发的广告

    屏蔽一些跟踪脚本的请求,然后不会像 ublock 之类的疯狂在控制台报错,直接把请求吞了。

    之前写了一个 但是感觉会重复造轮子就凑合用没继续写。

    如果是一个扩展,感觉可以订阅一些请求和响应拦截器的脚本和规则,不过做起来好麻烦还是算了🤓

    19 replies  •  2025-02-05 09:22:15 +08:00
    v1
    v1
    Feb 4, 2025❤️1
    1
    这么多年了,还有不知道 tampermonkey 的?
    uGRiPVk3vSJ
    uGRiPVk3vSJ
    Feb 4, 2025
    2
    没去纠细节,不是说 Chrome manifest V3 把这个功能干废了吗?
    foufoufm
    foufoufm
    Feb 4, 2025
    3
    @kk2syc 下载了很久,但是,没啥好用的脚本。。。
    whjlinyi
    whjlinyi
    Feb 4, 2025 via iPhone
    4
    AdGuard
    CureDovahkiin
    CureDovahkiin
    OP
    Feb 4, 2025
    5
    @kk2syc 我寻思里面链接就是我写的用户脚本啊,就是问有没有优化一下做成扩展的
    klesh
    klesh
    Feb 4, 2025
    6
    @kk2syc tampermonkey 能拦截 xhr 和 fetch 对象吗?有没有例子分享一下呀?谢谢。
    Archeb
    Archeb
    Feb 4, 2025
    7
    大部分情况下是没办法直接注入页面才需要的请求重写,tampermonkey 能直接注入页面还费那劲重写干嘛
    abccccabc
    abccccabc
    Feb 4, 2025
    8
    借这个主题问一下:tampermonkey 如何拦截页面的 audio/video 这些请求呢?一直没有找到这种插件。

    不知那位高手 show 一下代码。
    pingdog
    pingdog
    Feb 4, 2025 via Android
    10
    fiddler 可以拦截改返回内容
    CureDovahkiin
    CureDovahkiin
    OP
    Feb 4, 2025❤️1
    11
    @klesh 直接问 deepseek 就行了
    https://gist.github.com/shadowdreamer/4687f0fe1da96bec64db68feccbb09d1
    看了下应该没毛病(
    因为大部分逻辑都通用,所以才想会不会有扩展包装一下,有个修改请求头的扩展叫 Header Editor ,那修改参数和响应体也感觉也可以有
    NoOneNoBody
    NoOneNoBody
    Feb 4, 2025
    12
    @abccccabc #8
    umatrix 之类可以拦截 media 类型,不过可能把 font 之类也拦截了
    或者搜 request block (关键词,不是名字)之类的扩展

    油猴脚本拦截需要设置更早的加载时间,因为默认是页面加载完成,这样大部分已经加载了,拦截没意义
    具体让 AI 写一个就行,绰绰有余
    abccccabc
    abccccabc
    Feb 4, 2025
    13
    @NoOneNoBody @loginv2 多谢两位分享。找到 http request block 和 custome block 挨个试用下,看看效果。
    leokun
    leokun
    Feb 4, 2025
    14
    Hoppscotch 的插件实现了类似功能,不过并不是传统的拦截 xhr 和 fetch
    v1
    v1
    Feb 4, 2025❤️1
    15
    @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
              }
          })
      }
    })()
    v1
    v1
    Feb 4, 2025
    16
    @foufoufm 大部分是自己日积月累写下来的针对性脚本,也有一些分享的,比如百度盘 vip 解析啊(虽然从免费变成赞助可用,几块钱也比 svip 便宜)
    foufoufm
    foufoufm
    Feb 4, 2025
    17
    @kk2syc 有没有传送门指指北 求求
    uGRiPVk3vSJ
    uGRiPVk3vSJ
    Feb 4, 2025
    18
    浏览器为扩展提供了 API 可以拦截请求: [webRequest] (已在 manifest V3 中被 Chrome 废止)和 [declarativeNetRequest]
    EdwardWong
    EdwardWong
    Feb 5, 2025
    19
    如果是 Bilibili 可以用 https://github.com/the1812/Bilibili-Evolved ,也是用 user.js 实现的,里面有组件可以过滤首页的流。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1131 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 23:53 · PVG 07:53 · LAX 15:53 · JFK 18:53
    ♥ Do have faith in what you're doing.