使用Fiddler改变线上js文件的引用路径

 一般的项目开发都是先在本地环境开发,测试环境中完成测试,最后再提交到线上环境。

但是由于版本构建工具有时出现bug或者一些缓存的因素导致测试环境代码可能和线上不一样,这是多么蓝瘦的事情。此处说的是在原来代码基础之上修改的代码的情况。

之前有遇到这样的情况,测试环境一切都OK,提交到线上之后,最后竟然出现了乌龙事件,线上环境用来老版本的js和样式,这就十分尴尬了。

项目开发使用的gulp对代码进行压缩和添加版本号,那时不知道gulp怎么了,没有给新的引用代码加上最新的本号,所以。。。。

其实还是疏忽,没有对线上代码进行检查,不然也不会有乌龙了。

那次项目也特别巧,是一个在就项目进行开发的项目,效果大概在线上环境消费多少几千RMB之后,才会触发的一个效果。问题就来了,测试环境可以容易触发,线上不好整啊,难不成要去消费啊。

实际效果得等到websocket下发全站通知之后,才会去触发。测试环境没有问题了,代码提交应该也不会有啥问题吧。

哎,写代码千万别存着侥幸的心理,不然坏果子还得自己吃,蓝瘦也只能难受了。。

那时候就想,我能不能在线上环境也模仿全站通知,模拟一个data呢?

但是代码已经压缩上传了,怎么看?后面之后,其实可以用Fiddler代理,让自己的电脑访问的js,或者css指向本地开发环境的代码,

这就好办了,我就可以使用模拟的data了。具体做法如下:

1、打开Fiddler,访问线上环境的链接,抓到需要更改路径的js。

2、如上图所示,选中要更换路径的js,在最下面改变成开发环境的路径(最好是没有压缩之后的代码的src,方便调试),最后save,那就OK了。

3、打开线上环境链接,浏览器在开发者环境下面选择Sources,你就可以看到里面的对应的代码路径已经变成你本地路径的代码了。

原文地址:https://www.cnblogs.com/leaf930814/p/6416021.html