介紹
在開發Web應用前端時,總是免不了要在瀏覽器中進行跟蹤調試。以Firefox爲例,有很多插件,可以讓我們的工作事半功倍。
Firebug
最強大的前端開發調試工具。可以查看編輯HTML、CSS、JavaScript,查看HTTP請求,並直接輸入執行JavaScript代碼。
Clear Cache
一鍵清空Cache。我們在調試代碼的時候,經常碰到這樣的情況:明明代碼已經改了,可無論怎麼刷新頁面,新的效果就是出不來。於是就採用各種手段去診斷到底哪裏出了問題,比如設斷點調試。但這個往往很耗費時間。有時候不記得代碼改哪裏了,或着改的地方太多,這種調試簡直就是不可能完成的任務。終於費了九牛二虎之力,發現問題僅僅是因爲某個文件沒有加載到最新版本。很簡單的問題,卻經常讓開發者陰溝裏翻船。
每次刷新頁面前,養成先點ClearCache的習慣,就可以避免這種問題。
搜索引擎
個人的知識不是萬能的,搜索引擎纔是萬能的!
代碼調試過程中碰到解決不了的問題,求助搜索引擎。最常用的自然是Baidu和Google。這個插件省去了用戶輸入URL打開頁面的步驟,直接輸入關鍵字回車就可以得到相應的搜索結果,非常方便。還可以通過管理搜索引擎創建自己的搜索引擎列表。
QuickProxy
說到Google,不得不說沒有代理簡直沒辦法用。而Baidu不用代理訪問快。因此我們也來一個一鍵打開/關閉代理的插件:QuickProxy。首先在瀏覽器設置裏面填好代理信息,然後平常就用不上它了,完全用QuickProxy控制。點擊按鈕變綠色時打開代理,變紅色時關閉代理。
總結
只要細心發掘,總能找到一些自己趁手的工具,幫助我們更好地工作。而上面的這些瀏覽器插件組成了目前我開發Web應用前端時的“工具包”。既能幫助我提高工作效率,又沒有多到影響正常的調試工作。