weixin_5267504073.2KB需要积分:1资源文件列表:
1.8.1_0.zip 大约有42个文件
1.8.1_0/
__MACOSX/._1.8.1_0 272B
1.8.1_0/icon.png 465B
__MACOSX/1.8.1_0/._icon.png 172B
1.8.1_0/ReResSetting.json 214B
__MACOSX/1.8.1_0/._ReResSetting.json 172B
1.8.1_0/.DS_Store 6KB
__MACOSX/1.8.1_0/._.DS_Store 120B
1.8.1_0/background.js 2.19KB
__MACOSX/1.8.1_0/._background.js 172B
1.8.1_0/css/
__MACOSX/1.8.1_0/._css 172B
1.8.1_0/js/
__MACOSX/1.8.1_0/._js 172B
1.8.1_0/popup.html 2.23KB
__MACOSX/1.8.1_0/._popup.html 172B
1.8.1_0/icon48.png 657B
__MACOSX/1.8.1_0/._icon48.png 172B
1.8.1_0/README.md 3.17KB
__MACOSX/1.8.1_0/._README.md 172B
1.8.1_0/manifest.json 1.24KB
__MACOSX/1.8.1_0/._manifest.json 172B
1.8.1_0/options.html 3.08KB
__MACOSX/1.8.1_0/._options.html 172B
1.8.1_0/projectFilesBackup/
__MACOSX/1.8.1_0/._projectFilesBackup 172B
1.8.1_0/css/bootstrap.min.css 97.01KB
__MACOSX/1.8.1_0/css/._bootstrap.min.css 172B
1.8.1_0/css/popup.less 1.06KB
__MACOSX/1.8.1_0/css/._popup.less 172B
1.8.1_0/css/options.less 1.02KB
__MACOSX/1.8.1_0/css/._options.less 172B
1.8.1_0/css/popup.css 982B
__MACOSX/1.8.1_0/css/._popup.css 172B
1.8.1_0/css/options.css 967B
__MACOSX/1.8.1_0/css/._options.css 172B
1.8.1_0/js/angular.min.js 97.68KB
__MACOSX/1.8.1_0/js/._angular.min.js 172B
1.8.1_0/js/popup.js 2.45KB
__MACOSX/1.8.1_0/js/._popup.js 172B
1.8.1_0/js/options.js 4.24KB
__MACOSX/1.8.1_0/js/._options.js 172B
资源介绍:
安装:将zip文件解压,在地址栏输入 chrome://extensions/ 进入扩展页,找到ReRes,勾选“允许访问文件网址”,文件选择到 例 E:\software\ReRes-master这,这样才能让ReRes支持本地映射,如下图:
在浏览器中固定住就可以随时使用插件了,如图:
3、基本使用
1:打开管理规则添加规则
2:然后点击加号添加相应的规则,保存后,即可生效,如图:
If URL match:填写目标地址,使用的是正则匹配方法,比如.*baidu.com.*
Response: 填写的是映射的响应地址,比如本地文件 : file:///C:/Users/39856/Downloads/syy_replace.js
Group: 可以将一类,比如同一站点下的分组到一起
1
2
3
————————————————
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
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映射,也支持目录映射。
**现在就开始使用ReRes**
首先从chrome商店安装ReRes: https://chrome.google.com/webstore/detail/reres/gieocpkbblidnocefjakldecahgeeica?hl=zh-CN&gl=CN
安装完毕后,在地址栏输入`chrome://extensions/`进入扩展页,找到ReRes,勾选“允许访问文件网址”,这样才能让ReRes支持本地映射,如下图:
至此,ReRes就可以使用了。下面是一些基本功能的使用操作方法:
**添加规则**
点击“添加规则”按钮,输入以下信息,然后保存:
* **If URL match**: 一个正则表达式,当请求的URL与之匹配时,规则生效。注意:不要填开头的/
和结束的/gi
,如/.\*/gi
请写成.\*
* **Response**: 映射的响应地址,这个地址会替换掉url中与上面正则匹配的部分。线上地址请以http://开头,本地地址以file:///开头,比如http://cssha.com
或file:///D:/a.js
**启动/禁用**
勾选/取消对应规则前面的勾选框即可。
**编辑规则**
鼠标移到响应规则上,点击“编辑”。
**删除规则**
鼠标移到响应规则上,点击“删除”。
**批量导入规则**
点击“管理规则”按钮进入管理页,点击顶部“导入”按钮,即可导入规则列表文件。规则列表文件是一个json文件,其格式如下:
[
{
"req":"^https?:\\/\\/.*test.com",
"res":"http://qunar.com",
"checked":false
},
{
"req":".*hanan.com",
"res":"http://cssha.com",
"checked":true
}
]
其中相关字段含义如下:
* **req**:请求所匹配的正则表达式(对应于If URL match输入框的内容)
* **res**:映射的响应地址(对应Response输入框的内容)
* **checked**:是否启用
**本插件开发过程中采用了以下开源项目,感谢支持:**
* LESS
* Bootstrap
* AngularJS