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