前端调试技巧2：fiddler能替换h5项目或者APP中的JS或者HTML嘛？

很久以前

fiddler真是个好东西，自从用上了fiddler来替换生产环境的js排查问题之后，我就过上了996的快乐生活！
PC端项目这样操作没问题的，后来在app端排查问题时，也想用fiddler替换原来的js看问题是否修复了，试了一下不行，没能替换成功。后来问了下同事，原来是缓存的问题：app缓存中有js、html时，就不会重新请求资源了。解决方法很简单：清缓存 + 关app + 清理手机垃圾，正常前2项就可以了，如果还有问题就顺便清理下手机垃圾，甚至可以重启手机，狠不狠！

操作步骤

1、获取到生产环境的资源，以js为例，保存到本地；

1.1 从请求中获取生产环境资源

1.2 保存到本地

2、针对要排查的问题，修改本地保存的js

修改后保存即可…

3、用本地文件替换生产环境的文件。

3.1 创建一条待替换的rule

把请求用鼠标拖到右侧AutoResponder中，就会新生成一条记录（rule）

3.2 修改当前rule的规则

至此，修改完毕。再请求响应资源时，就不会去请求服务器，而是直接使用本地的Js，从而可以方便、快速的排查问题。
同理，我们也可以动态替换Html文件、CSS文件等。

4、说明

如果对手机抓包有疑问，可以参考本人之前发布的文章:

fiddler手机抓包问题记录201910