在开发中，我们有时候会遇到一些前后端没有完全分离的老项目，前端代码放在后端项目的服务中，没有自己独立的服务，或者是以前一些老的jsp项目。遇到需要修改以前的页面或者增加需求会感到非常的痛苦，如果要在自己的电脑上搭环境需要装一大堆后端的软件，而且修改的文件之后可能还要重启才能看效果，如果后端代码哪里出了问题报错了，可能也不知道如何解决，这样的开发显得十分的低效。
在这样的情况下，想到了一种解决方式：在开发环境上部署好一台服务，在本地访问，并且用本地的文件，替换线上的文件，这样可以实现修改之后立马可以看到效果，等改好之后，再把修改的代码替换项目中的代码。
一、安装fidder
安装好之后，如果想要抓谷歌浏览器访问的文件，需要fq安装Proxy SwitchyOmega插件，并且需要配置一下，具体配置网上有许多教程，就不细讲了
二、实例
以百度页面为例，修改这个页面的背景色
1.保存文件
在页面中右击，然后点击另存为，弹出下图，将html文件保存到想要保存的路径
保存html文件.png
如果想要保存js或css文件如下图，找到想要修改的js,点击右键选择save as...
下载静态资源
2. 配置fiddler
image.png
image.png
image.png
image.png
完成以上配置后，修改下载下来的文件，就可以看到效果了
网友评论