前端小技巧(1)--调试Bug小神器

今天给大家介绍一下解决生产前端Bug的一款神工具。 首先，需要在电脑上安装Fiddler工具。 在菜单上选择Tooles->Options 图片:

设置好端口号 和允许远程计算机连接，点击OK

接着找到右侧选项 AutoResponder

图片:

前两项打上对勾

在浏览器上访问要修改Bug的页面，这时候会在Fiddler控制台左侧有访问记录，把需要调试的找到右侧AutoResponder选项下面，在最下面选择底部的文件框->Find a file 选择本地替换文件，再点击右侧 save保存

图片:

你更改一下本地文件，再浏览器访问页面，会发现，页面变成你变更后的代码，是不是觉得很神奇。

通过此工具可以变更所需要的内容，进行前端错误分析和调试，非常方便