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