我們寫代碼的多多少少有一些出錯的幾率馋没，掌握Debug還是很重要的，記得第一次入行寫企業(yè)系統(tǒng)時降传，對此一無所知篷朵，后來還是去網(wǎng)路上以及問前輩，我印象中還是在博客園里看到有人用firebug婆排，才知道原來有firefox這樣的瀏覽器声旺，那是在2010年的夏天。
第一次接觸firebug就愛不釋手段只，比之IE的開發(fā)者工具腮猖，不知道“牛逼”了多少。簡直是前端開發(fā)的福音赞枕，造福一方澈缺。它的存在不知道提高了多少倍開發(fā)效率，可惜的是炕婶，這樣的產(chǎn)品姐赡，我個人也是一直用到了2012年。后來出現(xiàn)了Chrome然后就轉(zhuǎn)換到了Chrome dev tool上柠掂，產(chǎn)品就是這樣雏吭，更新迭代一直到退出歷史舞臺。
Firebug已經(jīng)停止更新陪踩，退出歷史舞臺了。
我們的企業(yè)系統(tǒng)主要兼容IE悉抵，是為國家電網(wǎng)做的財務(wù)審批系統(tǒng)肩狂。不客氣的說，為了兼容IE姥饰，費了我們很大的精力傻谁，處理諸 * 號之類的特殊樣式，在腳本上會處理像window.event這樣的event對象列粪，有意思的是审磁，我們依然很少會打開IE的開發(fā)者調(diào)試工具谈飒，只有到了“山窮水盡”的時候，一直使用Firebug态蒂。
說實話杭措，調(diào)試這門手藝活兒，時至今日的演變钾恢，我又很少使用Chrome dev tool了手素，而是用VS code自帶的debug來調(diào)試，在編輯器中完成幾乎80%以上的工作瘩蚪。
個人的縮影倒是像極了前端發(fā)展的歷程泉懦，可以說Debug見證了這樣的路。到了今天Debug工具已經(jīng)可以支持起不同平臺領(lǐng)域的調(diào)試疹瘦，Chrome dev tool的強大已經(jīng)到了讓我們感嘆的時候崩哩。如果你開發(fā)Node.js程序，純粹的Chrome dev tool雖然不是首選言沐，但不得不說Node.js的發(fā)展初期邓嘹，Chrome dev tool給了Node.js調(diào)試的能力，而現(xiàn)在我可能更愿意用IDE里提供的debug環(huán)境呢灶。像我們?nèi)绻{(diào)試真機里的Hybrid程序吴超，Chrome提高了USB連接調(diào)試的選項，而Safari一直都有鸯乃，不過我常用到的是在模擬器+Safari的調(diào)試能力鲸阻。后來，出現(xiàn)的React Native缨睡，Weex鸟悴，Chrome依然占據(jù)了調(diào)試能力的風口。
說這么多奖年，眼下Chrome dev tool用好细诸，對于提高開發(fā)效率，捕獲性能陋守，是最佳的幫手震贵，看見沒有，IE的調(diào)試工具水评，依然很少打開猩系。這，你感謝的不是Chrome dev tool而是Web開發(fā)標準中燥。這幾年瀏覽器廠商寇甸，越來越愿意根據(jù)標準來實現(xiàn)具體的API或內(nèi)容，為了更好的以后，我相信拿霉，我們最終需要的可能就是用好一款調(diào)試工具即可吟秩。
標準的普及，也為調(diào)試帶來極大的便捷绽淘，不需要像7-8年前那樣涵防，需要你去處理各個不同，特別是樣式部分收恢，這個蛋疼的問題武学，只會越來越好，而不是更差伦意。
為了用好火窒，推薦大家有時間時，閱讀：
https://developers.google.com/web/tools/chrome-devtools/?hl=zh-cn
https://developer.chrome.com/devtools
這個工具可以帶來的會是更多的東西驮肉，想想Node.js熏矿，想想Weex，你就會發(fā)現(xiàn)確實的牛逼离钝。
