有没有可以替换网络资源的工具？

This topic created in 4521 days ago, the information mentioned may be changed or developed.

举个例子：
www.baidu.com/
页面引用
http://bdstatic.com/style.css
http://bdstatic.com/common.js
我需要替换修改style.css的内容添加几行css代码
或者需要修改common.js中的一个函数的实现
function update(){
console.log("修改");//我新增的一行
....
}
这样就可以很方便的调试别的网站了
这种替换是长期有效的

现在想到的一种方法是:
实现一个代理程序代理中设置规则
#网络路径=本地路径
http://bdstatic.com/style.css = /mypath/baidu/a.css
然后把chrome的代理修改成这个“代理程序 ”就ok了

代理

修改

CSS

6 replies • 1970-01-01 08:00:00 +08:00

cxe2v

Mar 25, 2014

stylish可以实现CSS替换

ksc010

Mar 25, 2014

@cxe2v 找到了几个
http://stackoverflow.com/questions/6262953/chrome-extension-replace-html-in-response-code-before-browser-displays-it

binux

Mar 25, 2014

chrome自带，什么add folder to workspace

akalanala

Mar 25, 2014

https://github.com/hanan198501/ReRes

Change the response of the request.

前端开发过程中，经常会有需要对远程环境调试的需求。比如，修改线上bug，开发环境不在本地等等。我们需要把远程css文件或者js映射到本地的文件上，通过修改本地文件进行调试和开发。通常我们可以通过以下方法来实现映射：

1.修改host文件——只能把域名映射到IP

2.使用Apache或者nginx搭建反向代理——需要装环境，配置相对繁琐

3.使用Fiddler中的AutoRespnose功能——不支持目录映射，mac、linux无法使用

以上方式，或者功能缺失，或者需要额外安装软件，或者配置繁琐、或者不支持多平台。我理想中的请求映射工具应该是这样的：简单，打开浏览器就能用、支持目录映射和文件映射、跨平台。 ReRes就是居于这个目标写出来的，您可以把请求映射到其他的url，也可以映射到你本机的文件或者目录。ReRes支持单个url映射，也支持目录映射。

aliuwr

Mar 25, 2014

Chrome 有 Redirector
https://chrome.google.com/webstore/detail/redirector/lacckjdlmkdhcacjdodpjokfobckjclh

Firefox 我暂时只知道可以通过编写 HTTPS Everywhere 的规则来实现.

然后就是 Fiddler 了, 这个是最强大的.

ksc010

Mar 25, 2014

@binux
@akalanala
@aliuwr

非常感谢
ReRes这个插件看着不错