使用前端開發(fā)調(diào)試工具fiddle進行線下調(diào)試css的方法
發(fā)布時間:2014-05-08 14:21:27 作者:佚名
我要評論

這篇文章主要介紹了使用前端開發(fā)調(diào)試工具fiddle進行線下調(diào)試css的方法,需要的朋友可以參考下
fiddle的功能相當(dāng)?shù)膹姾?,用戶也非常廣,今天我就教大家用fiddle進行前端調(diào)試。
首先下載軟件fiddle,點擊對應(yīng)的版本下載安裝。
安裝成功后打開看到右側(cè)的導(dǎo)航欄:
點擊AutoResponder
接下來出現(xiàn)的三個選項全部都要勾選,具體什么意思就是英文翻譯了。
然后:
添加一個rule
在rule editor中第一個文本框里粘貼你要替換的原地址,比如:
然后進行下一步,在第二個框中點擊選擇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ā)變得更簡單。主要集成了正則表達式測試、JavaScript/CSS代碼壓縮工具、CSS Sprite(s)自動生成工具、JSON格式化調(diào)試工具等功能。還有一些非常好的前端開發(fā)資源鏈2012-09-10前端開發(fā)大眾手冊(包括工具、網(wǎng)址、經(jīng)驗等)
一直覺得前端開發(fā)缺個手冊,這是個體力活。不過總得有人來干。2009-12-27- 這篇文章給大家分享前端開發(fā)必備常用的工具函數(shù)小結(jié),本文介紹的非常詳細,有代碼有文字說明,對常用的前端開發(fā)工具感興趣的朋友可以參考下本篇文章2015-10-22