在開(kāi)發(fā)中,我們有時(shí)候會(huì)遇到一些前后端沒(méi)有完全分離的老項(xiàng)目,前端代碼放在后端項(xiàng)目的服務(wù)中蚕泽,沒(méi)有自己獨(dú)立的服務(wù),或者是以前一些老的jsp項(xiàng)目桥嗤。遇到需要修改以前的頁(yè)面或者增加需求會(huì)感到非常的痛苦须妻,如果要在自己的電腦上搭環(huán)境需要裝一大堆后端的軟件,而且修改的文件之后可能還要重啟才能看效果泛领,如果后端代碼哪里出了問(wèn)題報(bào)錯(cuò)了璧南,可能也不知道如何解決,這樣的開(kāi)發(fā)顯得十分的低效师逸。
在這樣的情況下司倚,想到了一種解決方式:在開(kāi)發(fā)環(huán)境上部署好一臺(tái)服務(wù),在本地訪問(wèn)篓像,并且用本地的文件动知,替換線上的文件,這樣可以實(shí)現(xiàn)修改之后立馬可以看到效果员辩,等改好之后盒粮,再把修改的代碼替換項(xiàng)目中的代碼。
一奠滑、安裝fidder
安裝好之后丹皱,如果想要抓谷歌瀏覽器訪問(wèn)的文件妒穴,需要fq安裝Proxy SwitchyOmega插件,并且需要配置一下摊崭,具體配置網(wǎng)上有許多教程讼油,就不細(xì)講了
二、實(shí)例
以百度頁(yè)面為例呢簸,修改這個(gè)頁(yè)面的背景色
1.保存文件
在頁(yè)面中右擊矮台,然后點(diǎn)擊另存為,彈出下圖根时,將html文件保存到想要保存的路徑
保存html文件.png
如果想要保存js或css文件如下圖瘦赫,找到想要修改的js,點(diǎn)擊右鍵選擇save as...
下載靜態(tài)資源
2. 配置fiddler
image.png
image.png
image.png
image.png
完成以上配置后,修改下載下來(lái)的文件蛤迎,就可以看到效果了