使用前端開(kāi)發(fā)調(diào)試工具fiddle進(jìn)行線下調(diào)試css的方法

fiddle的功能相當(dāng)?shù)膹?qiáng)悍,用戶也非常廣,今天我就教大家用fiddle進(jìn)行前端調(diào)試。
首先下載軟件fiddle,點(diǎn)擊對(duì)應(yīng)的版本下載安裝。
安裝成功后打開(kāi)看到右側(cè)的導(dǎo)航欄:
點(diǎn)擊AutoResponder
接下來(lái)出現(xiàn)的三個(gè)選項(xiàng)全部都要勾選,具體什么意思就是英文翻譯了。
然后:
添加一個(gè)rule
在rule editor中第一個(gè)文本框里粘貼你要替換的原地址,比如:
然后進(jìn)行下一步,在第二個(gè)框中點(diǎn)擊選擇find a file,具體意思你懂得,找個(gè)本地的文件替換上個(gè)url文件:
接下來(lái)就是最后一步了:
點(diǎn)擊save,你就可以編輯你本地的文件,然后刷新線上的文件,fiddle就能攔截轉(zhuǎn)發(fā)你的文件了。
fiddle不光可以攔截文件,還可以替換攔截請(qǐng)求,連接等,具體強(qiáng)大的功能就慢慢探索吧。
相關(guān)文章
前端開(kāi)發(fā)必備:12款瀏覽器兼容性測(cè)試工具推薦
這篇文章主要介紹了前端開(kāi)發(fā)必備:12款瀏覽器兼容性測(cè)試工具推薦,瀏覽器兼容性測(cè)試工具一般都具備模擬當(dāng)前主流瀏覽器的功能,例如國(guó)內(nèi)用的比較多的IETester,就可以模擬IE6、2014-07-11W3Cfuns 前端開(kāi)發(fā)工具箱 V1.3 綠色免費(fèi)版
讓前端開(kāi)發(fā)變得更簡(jiǎn)單。主要集成了正則表達(dá)式測(cè)試、JavaScript/CSS代碼壓縮工具、CSS Sprite(s)自動(dòng)生成工具、JSON格式化調(diào)試工具等功能。還有一些非常好的前端開(kāi)發(fā)資源鏈2012-09-10前端開(kāi)發(fā)大眾手冊(cè)(包括工具、網(wǎng)址、經(jīng)驗(yàn)等)
一直覺(jué)得前端開(kāi)發(fā)缺個(gè)手冊(cè),這是個(gè)體力活。不過(guò)總得有人來(lái)干。2009-12-27前端開(kāi)發(fā)必備常用工具函數(shù)小結(jié)
這篇文章給大家分享前端開(kāi)發(fā)必備常用的工具函數(shù)小結(jié),本文介紹的非常詳細(xì),有代碼有文字說(shuō)明,對(duì)常用的前端開(kāi)發(fā)工具感興趣的朋友可以參考下本篇文章2015-10-22