建站
咨詢
售后
建站咨詢
新聞中心
前言
創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、做網(wǎng)站、梨林網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、梨林網(wǎng)絡(luò)營銷、梨林企業(yè)策劃、梨林品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供梨林建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com
在老夫還在搞服務(wù)器端時候，老夫覺得能讀能改js代碼就差不多了吧；
當(dāng)老夫剛剛踏入前端會想js能設(shè)置斷點該多好呢？
當(dāng)老夫手擁firebug、google、ie瀏覽器開發(fā)插件（叫不出名字...）時，老夫是多么的高興?。。。?/p>
但是有些項目就會讓你不自主的感覺痛苦，因為改動非常痛苦！?。?/p>
比如我對項目做了一點修改，但是我沒辦法在正式環(huán)境測試；換個方式，若是qq首頁哪里出了js錯誤，要馬上定位、馬上解決該怎么辦呢？
前端殺器Fiddler
其實老夫也是最近才開始使用該軟件的，其實老夫很多不懂，但是我就用其中一點東西就好了，只一眼便已愛如心扉！??！
先來個截圖：
請注意矩形框位置，我就會用這個。。。。
大殺器在線編輯js/html/css
光說不練假把式！下面就讓老夫試試這個大殺器~！
打開我們的博客園首頁看看，然后觀察我們的大殺器變化：
小樣?xùn)|西還不少呢?。?！現(xiàn)在讓我們來動點手腳了?。?！
右鍵編輯之，出現(xiàn)：
算了，我想了下，還是不用博客園來測試了，用它估計老夫要丟人。。。因為首頁可能用了頁面片神馬的，老夫沒找到。。。
于是老夫又進(jìn)了自己博客文章的頁面，來看看有什么東東呢？
日本人，是拉的json數(shù)據(jù)啦！?。≌f實話ajax真是討厭了，老夫又丟臉了，算了繼續(xù)?。?！
***老夫找到了自己想要的東東，于是乎我隨便加點文字，加點js后?。?！
做這點變化保存后，刷新頁面，非常奇跡的變了，我們用本地的文件替換了線上的請求！?。?/p>
這個東西是不得了的，我們根據(jù)這個特性完全可以做在線前端測試！??！
對js的操作
對js的操作，我們換個地方，熟悉點的東西好操作一點，以免再出丑，我們來看大成網(wǎng)的首頁：
我們將之存到桌面，晚上講地址賦給fiddler：
這樣一保存，我們在本地的修改就直接同步到線上頁面啦！?。?！對小的來說，當(dāng)真神器?。。?/p>
于是你可以說你在大成網(wǎng)自豪的彈了個框出來。。。。
結(jié)語
其實小的對Fiddler也不太熟，就只會這點點花招，并且還感覺不差呢?。?！
它的出現(xiàn)主要有什么好處呢，好處就是我們可以在線測試前端的代碼，修復(fù)前端的BUG，然后將修改后的文件上傳即可；
這也許沒什么意義，但當(dāng)項目到一定規(guī)模，發(fā)布有一定門檻后，就變得非常有意義了！??！
網(wǎng)頁標(biāo)題：Fiddler真乃前端大殺器！
分享鏈接：http://www.5511xx.com/article/cdjecds.html
