用于测试的同域名部分URL重定向方案咨询（浏览器端优先）

我之前做前端测试的时候刚好遇到过一模一样的需求——不想动线上文件，也不想搭完整本地站，就只想替换某个域名下的一两个css/js文件来测试效果。给你几个针对性的方案，优先Firefox的，Chrome/Edge的也有：

Firefox 专属方案（最推荐） #

临时测试首选：开发者工具内置重定向 #

打开Firefox的开发者工具（按F12），切换到「网络」面板，刷新页面找到你要替换的目标css/js文件。右键点击这个文件，选择「修改并重发」→「编辑重定向」，把目标地址改成你本地文件的路径（比如file:///C:/your-test-files/modified-style.css），或者你用简易本地服务器（比如Python的python -m http.server）起的地址（比如http://localhost:8000/new-script.js）。设置完成后，只要开发者工具开着，页面每次加载这个资源都会自动重定向到你指定的位置，关闭工具就恢复正常，完全不影响其他资源。

持久化测试：用「Redirector」扩展 #

如果需要多次测试，不想每次都开开发者工具，可以装「Redirector」扩展。新建规则的时候：

• 「匹配类型」选「正则表达式」（精准匹配单个资源的话，写^https://your-domain.com/path/to/target.css$）或者「包含」（匹配路径里的关键词）
• 「重定向到」填你的本地资源路径或者临时服务器地址
• 还能设置只对目标域名生效，避免干扰其他网站。规则保存后就会自动生效，不用一直开着工具，非常方便。

Chrome/Edge 方案 #

临时测试：开发者工具本地映射 #

打开Chrome/Edge的开发者工具（F12），切换到「源」面板，右键点击左侧的「文件系统」→「添加文件夹到工作区」，选择你存放修改后文件的本地文件夹并授权浏览器访问。接着找到线上对应的目标资源，右键选择「映射到本地资源」，选中你本地修改好的文件。之后页面加载这个资源时就会自动用本地版本，关闭开发者工具后需要重新设置，适合短时间的测试。

持久化测试：用「Requestly」扩展 #

装「Requestly」扩展后，新建一条「重定向规则」：

• 匹配条件选「URL等于」，填入目标资源的完整地址（比如https://your-domain.com/assets/main.js）
• 重定向目标填你的本地文件路径或者临时服务器地址
• 可以添加域名过滤，确保只对目标网站生效。这个扩展还支持规则的导出导入，换设备也能复用。

通用小技巧（所有浏览器适用） #

如果只是快速测试小改动，甚至不用设置重定向：在开发者工具的「网络」面板找到目标资源，右键选择「保存响应」到本地修改，然后切换到「源」面板找到该资源，右键选择「替换内容」，选中修改后的本地文件，刷新页面就会加载修改后的版本——这个方法直接替换内存中的资源，不用配置任何规则，临时改改超方便。

内容的提问来源于stack exchange，提问作者Talia