前言
在老夫還在搞服務器端時候,老夫覺得能讀能改js代碼就差不多了吧;
當老夫剛剛踏入前端會想js能設置斷點該多好呢?
當老夫手擁firebug、google、ie瀏覽器開發插件(叫不出名字...)時,老夫是多么的高興啊!!!
但是有些項目就會讓你不自主的感覺痛苦,因為改動非常痛苦!!!
比如我對項目做了一點修改,但是我沒辦法在正式環境測試;換個方式,若是qq首頁哪里出了js錯誤,要馬上定位、馬上解決該怎么辦呢?
前端殺器Fiddler
其實老夫也是最近才開始使用該軟件的,其實老夫很多不懂,但是我就用其中一點東西就好了,只一眼便已愛如心扉!!!
先來個截圖:
請注意矩形框位置,我就會用這個。。。。
大殺器在線編輯js/html/css
光說不練假把式!下面就讓老夫試試這個大殺器~!
打開我們的博客園首頁看看,然后觀察我們的大殺器變化:
小樣東西還不少呢!!!現在讓我們來動點手腳了!!!
右鍵編輯之,出現:
算了,我想了下,還是不用博客園來測試了,用它估計老夫要丟人。。。因為首頁可能用了頁面片神馬的,老夫沒找到。。。
於是老夫又進了自己博客文章的頁面,來看看有什么東東呢?
日本人,是拉的json數據啦!!!說實話ajax真是討厭了,老夫又丟臉了,算了繼續!!!
最后老夫找到了自己想要的東東,於是乎我隨便加點文字,加點js后!!!
做這點變化保存后,刷新頁面,非常奇跡的變了,我們用本地的文件替換了線上的請求!!!
這個東西是不得了的,我們根據這個特性完全可以做在線前端測試!!!
對js的操作
對js的操作,我們換個地方,熟悉點的東西好操作一點,以免再出丑,我們來看大成網的首頁:
我們將之存到桌面,晚上講地址賦給fiddler:
這樣一保存,我們在本地的修改就直接同步到線上頁面啦!!!!對小的來說,當真神器!!!
於是你可以說你在大成網自豪的彈了個框出來。。。。
結語
其實小的對Fiddler也不太熟,就只會這點點花招,並且還感覺不差呢!!!
它的出現主要有什么好處呢,好處就是我們可以在線測試前端的代碼,修復前端的BUG,然后將修改后的文件上傳即可;
這也許沒什么意義,但當項目到一定規模,發布有一定門檻后,就變得非常有意義了!!!