我們寫代碼的多多少少有一些出錯的幾率，掌握Debug還是很重要的，記得第一次入行寫企業系統時，對此一無所知，后來還是去網路上以及問前輩，我印象中還是在博客園里看到有人用firebug，才知道原來有firefox這樣的瀏覽器，那是在2010年的夏天。
第一次接觸firebug就愛不釋手，比之IE的開發者工具，不知道“牛逼”了多少。簡直是前端開發的福音，造福一方。它的存在不知道提高了多少倍開發效率，可惜的是，這樣的產品，我個人也是一直用到了2012年。后來出現了Chrome然后就轉換到了Chrome dev tool上，產品就是這樣，更新迭代一直到退出歷史舞臺。
Firebug已經停止更新，退出歷史舞臺了。
我們的企業系統主要兼容IE，是為國家電網做的財務審批系統。不客氣的說，為了兼容IE，費了我們很大的精力，處理諸 * 號之類的特殊樣式，在腳本上會處理像window.event這樣的event對象，有意思的是，我們依然很少會打開IE的開發者調試工具，只有到了“山窮水盡”的時候，一直使用Firebug。
說實話，調試這門手藝活兒，時至今日的演變，我又很少使用Chrome dev tool了，而是用VS code自帶的debug來調試，在編輯器中完成幾乎80%以上的工作。
個人的縮影倒是像極了前端發展的歷程，可以說Debug見證了這樣的路。到了今天Debug工具已經可以支持起不同平臺領域的調試，Chrome dev tool的強大已經到了讓我們感嘆的時候。如果你開發Node.js程序，純粹的Chrome dev tool雖然不是首選，但不得不說Node.js的發展初期，Chrome dev tool給了Node.js調試的能力，而現在我可能更愿意用IDE里提供的debug環境。像我們如果要調試真機里的Hybrid程序，Chrome提高了USB連接調試的選項，而Safari一直都有，不過我常用到的是在模擬器+Safari的調試能力。后來，出現的React Native，Weex，Chrome依然占據了調試能力的風口。
說這么多，眼下Chrome dev tool用好，對于提高開發效率，捕獲性能，是最佳的幫手，看見沒有，IE的調試工具，依然很少打開。這，你感謝的不是Chrome dev tool而是Web開發標準。這幾年瀏覽器廠商，越來越愿意根據標準來實現具體的API或內容，為了更好的以后，我相信，我們最終需要的可能就是用好一款調試工具即可。
標準的普及，也為調試帶來極大的便捷，不需要像7-8年前那樣，需要你去處理各個不同，特別是樣式部分，這個蛋疼的問題，只會越來越好，而不是更差。
為了用好，推薦大家有時間時，閱讀：
https://developers.google.com/web/tools/chrome-devtools/?hl=zh-cn
https://developer.chrome.com/devtools
這個工具可以帶來的會是更多的東西，想想Node.js，想想Weex，你就會發現確實的牛逼。
