ResourceOverride 资源重定向浏览器扩展:3步把网站样式换成自己的版本
2026/8/22 20:36:18 网站建设 项目流程

ResourceOverride 资源重定向浏览器扩展:3步把网站样式换成自己的版本

【免费下载链接】ResourceOverrideAn extension to help you gain full control of any website by redirecting traffic, replacing, editing, or inserting new content.项目地址: https://gitcode.com/gh_mirrors/re/ResourceOverride

常用的资讯和阅读类网站,横幅广告、自动弹层、过小的正文字号都写死在前端代码里,客户端没有删掉它们的入口。ResourceOverride 是一个开源浏览器扩展,工作在请求层:网站发出的每个资源请求都会经过它,你可以把某个地址重定向到另一个地址、用本地文件替换原有内容、给页面注入一段脚本,或者增删请求头。规则按域名分组保存,全部配置只影响你自己这台浏览器。

把广告脚本换成空文件

场景:某资讯站的顶部横幅来自一个固定的广告脚本,正文行距又挤。目标是不动网站本身,只改浏览器取到的那份文件。

先把仓库拉到本地:

git clone https://gitcode.com/gh_mirrors/re/ResourceOverride

然后:

  1. 打开扩展管理页 chrome://extensions/
  2. 开启右上角的开发者模式
  3. 点"加载已解压的扩展程序"并选中目录
  4. 打开目标网站,按 F12 进开发者工具
  5. 切到 Resource Override 标签页
  6. 在当前域名下添加一条文件替换规则
  7. 匹配框填广告脚本地址,编辑器留空保存
  8. 刷新页面,确认横幅消失
  9. 再加一条注入规则,把调行距的 CSS 放进 head

匹配框只认星号通配,不认正则:*代表任意长度的片段,写https://news.example.com/assets/*.js可以覆盖整个目录。文件替换的效果是浏览器把该地址的响应内容换成你编辑器里的文本,所以留空保存,就等价于让那份脚本失效。

验证是否命中

面板选项里有"显示日志"开关,打开后命中的请求会逐条列出。也可以直接在 Network 面板过滤那个文件名,看响应体是否为空。两处一致,说明规则确实生效了。

剩下两种规则类型

地址到地址重定向:匹配一个 URL,请求整体被换到另一个地址。适合把整站资源切到镜像站或本地开发服务器。

请求头修改:请求头是浏览器随请求附带的元数据。这里可以按"设置"和"移除"两档,对请求头或响应头逐项增删,处理隐私相关的调整。

本地文件替换和脚本注入在前面的步骤里已经用到了,四种类型共用同一套匹配逻辑和同一套编辑器。

不生效时,按顺序查这3处

  1. 规则开关:每条规则右侧的开关必须处于开启状态,误关是最常见的原因。
  2. 匹配串:通配没盖住真实地址时,规则会静默跳过。对照 Network 面板里的实际 URL 逐段核对。
  3. 页面状态:扩展只处理新发起的请求。改完规则要刷新或重新导航,旧文档里已加载的资源不会再被拦截。

拿不准时打开日志辅助定位,比反复试错快。

边界

每条规则都要对经过的请求做一次匹配。日常几条到几十条规则没有可感知的开销;上百条时,内存占用和响应延迟会上升。

规则只改变浏览器这一侧的呈现,网站服务器不受影响。把工具留给自己的开发调试和个性化浏览,不用于篡改他人内容或绕过付费墙。

项目目前处于维护模式:只修复导致基础功能失效的严重问题,不再新增功能,也不大改代码。建议定期在选项里把规则导出存档,换机或重装时可以直接载入。

它能做的就到这里:让浏览器按你的规则取资源,仅此而已。把规则集压到最小必要规模,它就够用。

【免费下载链接】ResourceOverrideAn extension to help you gain full control of any website by redirecting traffic, replacing, editing, or inserting new content.项目地址: https://gitcode.com/gh_mirrors/re/ResourceOverride

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询