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