七月

男儿到死心如铁。看试手,补天裂

欢迎来到我的博客~


ReRes使用指南

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

  1. 修改host文件——只能把域名映射到IP
  2. 使用Apache或者nginx搭建反向代理——需要装环境,配置相对繁琐

上面两种的方式或者功能复杂或者配置复杂或者需要适配不同的平台。
今天推荐一种简单,打开浏览器就能用、支持目录映射和文件映射、跨平台的浏览器小工具 —- ReRes

本人使用ReRes主要是看中他的两个小功能:

  1. 可以把请求映射到其他的url,也可以映射到你本机的文件或者目录
  2. 支持单个url映射,也支持目录映射。

安装方式

下载

  • 直接从Chrome应用商店安装ReRes
  • 百度网盘下载 传送门。提取码: gmxb

然后直接拖到浏览器的拓展工具就行。具体细节这里就不赘述了。

安装完毕后,在地址栏输入chrome://extensions/进入扩展页,找到ReRes。 如下图: ReRes

使用

1. 可以直接使用本地的链接替换线上的链接

ReRes

此时访问配置的站点,查看匹配的js资源

ReRes

2. 也可以使用正则匹配URL。

  • If URL match: 一个正则表达式,当请求的URL与之匹配时,规则生效。 注意:不要填开头的/和结束的/g,如/.*/g请写成.*

  • Response: 映射的响应地址,线上地址以http://开头,本地地址以file:///开头,比如http://qiyue.com/qiyue.jsfile:///D:/qiyue.js

3. 还可以批量导入规则

导入的规则文件需为一个json文件,文件格式如下:

[
    {
        "req":"^https?:\/\/.*114la.com/static/css/common.css",
        "res":"http://127.0.0.1.com/common.css",
        "checked":false
    },
    {
        "req":"^https?:\/\/.*114la.com/static/js/common.js",
        "res":"http://127.0.0.1.com/static/js/common.js",
        "checked":true
    }
]

END。

卖萌🐶

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦