前言

在老夫還在搞服務器端時候，老夫覺得能讀能改js代碼就差不多了吧；

當老夫剛剛踏入前端會想js能設置斷點該多好呢？

當老夫手擁firebug、google、ie瀏覽器開發(fā)插件（叫不出名字...）時，老夫是多么的高興?。。。?/p>

但是有些項目就會讓你不自主的感覺痛苦，因為改動非常痛苦?。。?/p>

比如我對項目做了一點修改，但是我沒辦法在正式環(huán)境測試；換個方式，若是qq首頁哪里出了js錯誤，要馬上定位、馬上解決該怎么辦呢？

前端殺器Fiddler

其實老夫也是最近才開始使用該軟件的，其實老夫很多不懂，但是我就用其中一點東西就好了，只一眼便已愛如心扉！??！

先來個截圖：

請注意矩形框位置，我就會用這個。。。。

大殺器在線編輯js/html/css

光說不練假把式！下面就讓老夫試試這個大殺器~！

打開我們的博客園首頁看看，然后觀察我們的大殺器變化：

小樣東西還不少呢?。?！現(xiàn)在讓我們來動點手腳了！！！

右鍵編輯之，出現(xiàn)：

算了，我想了下，還是不用博客園來測試了，用它估計老夫要丟人。。。因為首頁可能用了頁面片神馬的，老夫沒找到。。。

于是老夫又進了自己博客文章的頁面，來看看有什么東東呢？

日本人，是拉的json數(shù)據(jù)啦?。?！說實話ajax真是討厭了，老夫又丟臉了，算了繼續(xù)?。。?/p>

***老夫找到了自己想要的東東，于是乎我隨便加點文字，加點js后?。?！

做這點變化保存后，刷新頁面，非常奇跡的變了，我們用本地的文件替換了線上的請求?。。?/p>

這個東西是不得了的，我們根據(jù)這個特性完全可以做在線前端測試?。?！

對js的操作

對js的操作，我們換個地方，熟悉點的東西好操作一點，以免再出丑，我們來看大成網的首頁：

我們將之存到桌面，晚上講地址賦給fiddler：

 這樣一保存，我們在本地的修改就直接同步到線上頁面啦?。。?！對小的來說，當真神器！！！

于是你可以說你在大成網自豪的彈了個框出來。。。。

結語

其實小的對Fiddler也不太熟，就只會這點點花招，并且還感覺不差呢?。。?/p>

它的出現(xiàn)主要有什么好處呢，好處就是我們可以在線測試前端的代碼，修復前端的BUG，然后將修改后的文件上傳即可；

這也許沒什么意義，但當項目到一定規(guī)模，發(fā)布有一定門檻后，就變得非常有意義了?。?！

原文鏈接：http://www.cnblogs.com/yexiaochai/archive/2013/04/17/3025878.html