Fiddler真乃前端大殺器!!!


前言

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

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

當老夫手擁firebug、google、ie瀏覽器開發插件(叫不出名字...)時,老夫是多么的高興啊!!!

但是有些項目就會讓你不自主的感覺痛苦,因為改動非常痛苦!!!

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

前端殺器Fiddler

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

先來個截圖:

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

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

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

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

小樣東西還不少呢!!!現在讓我們來動點手腳了!!!

右鍵編輯之,出現:

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

於是老夫又進了自己博客文章的頁面,來看看有什么東東呢?

日本人,是拉的json數據啦!!!說實話ajax真是討厭了,老夫又丟臉了,算了繼續!!!

最后老夫找到了自己想要的東東,於是乎我隨便加點文字,加點js后!!!

做這點變化保存后,刷新頁面,非常奇跡的變了,我們用本地的文件替換了線上的請求!!!

這個東西是不得了的,我們根據這個特性完全可以做在線前端測試!!!

對js的操作

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

 

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

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

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

結語

其實小的對Fiddler也不太熟,就只會這點點花招,並且還感覺不差呢!!!

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

這也許沒什么意義,但當項目到一定規模,發布有一定門檻后,就變得非常有意義了!!! 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM