Web前端開發調試的輔助工具

介紹

在開發Web應用前端時,總是免不了要在瀏覽器中進行跟蹤調試。以Firefox爲例,有很多插件,可以讓我們的工作事半功倍。

Firebug


最強大的前端開發調試工具。可以查看編輯HTML、CSS、JavaScript,查看HTTP請求,並直接輸入執行JavaScript代碼。

Clear Cache


一鍵清空Cache。我們在調試代碼的時候,經常碰到這樣的情況:明明代碼已經改了,可無論怎麼刷新頁面,新的效果就是出不來。於是就採用各種手段去診斷到底哪裏出了問題,比如設斷點調試。但這個往往很耗費時間。有時候不記得代碼改哪裏了,或着改的地方太多,這種調試簡直就是不可能完成的任務。終於費了九牛二虎之力,發現問題僅僅是因爲某個文件沒有加載到最新版本。很簡單的問題,卻經常讓開發者陰溝裏翻船。

每次刷新頁面前,養成先點ClearCache的習慣,就可以避免這種問題。

搜索引擎


個人的知識不是萬能的,搜索引擎纔是萬能的!

代碼調試過程中碰到解決不了的問題,求助搜索引擎。最常用的自然是Baidu和Google。這個插件省去了用戶輸入URL打開頁面的步驟,直接輸入關鍵字回車就可以得到相應的搜索結果,非常方便。還可以通過管理搜索引擎創建自己的搜索引擎列表。

QuickProxy


說到Google,不得不說沒有代理簡直沒辦法用。而Baidu不用代理訪問快。因此我們也來一個一鍵打開/關閉代理的插件:QuickProxy。首先在瀏覽器設置裏面填好代理信息,然後平常就用不上它了,完全用QuickProxy控制。點擊按鈕變綠色時打開代理,變紅色時關閉代理。

 

總結

只要細心發掘,總能找到一些自己趁手的工具,幫助我們更好地工作。而上面的這些瀏覽器插件組成了目前我開發Web應用前端時的“工具包”。既能幫助我提高工作效率,又沒有多到影響正常的調試工作。

發佈了81 篇原創文章 · 獲贊 29 · 訪問量 42萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章