幾招有用的debug 技巧

技巧 1 :　Ｇit 紀錄還原法

   善用 git 然後小幅度完成功能後，即 Commit 。這對於 "原本還能 work 的功能，不知改了什麼，卻突然壞掉了!? " 這一類的 Bug ，可以很容易觀察出錯誤的地方，並做還原。

技巧 2 :  BreakPoint 斷點法

　一般常見的debug 技巧，主要是在可能發生錯誤的地方設定中斷點，然後觀察數值是否為預期的值？亦或是否發生錯誤，如果沒有，繼續往下設中斷點反覆驗證。

技巧 3 : 最小化成功法

　有時候當我們在安裝掛件，或維護一套陌生的系統時，常常是 run 不起來的情況。因為我們不熟悉接手的系統或元件，所以去蕪存青用最小化的方式，讓它能順利 work 是重要的。例如：接手一個 tinyMCE 掛件設置了很多參數，但其實要正常 work 僅需這一行即可　selector:'textarea'，其他大多數都是次要的設定，但bug可能就潛藏在這些次要的設定裡，如版本更新，舊版不再支援某設定值，或是語系模組沒有引用到...等。

技巧 4 : 紀錄檔除錯法

　做網站程式設計時，這個方式非常重要，尤其是營運一段時間的網站，會不定時的卡頓，或出現空白 Loading 過重開不了網頁...等不可預期的錯誤。這時你可以試著查看 Log 檔
很有可能被攻擊、爬蟲或行銷工具給佔用頻寬資源，如下圖所示，在不合理的時間(秒數)，攻擊軟體不斷的訪問不存在的 php 執行程式，試圖 try error 的方式進行攻擊。
　

技巧 5 : Google 除錯法

    這個應該不用多做介紹，舉凡遇到的問題，只要 複製/貼上 google 的搜尋引擎，八九不離十，都可以找到答案，如果可以的話，多多培養英文的閱讀能力。因為有能力解決你的問題大多是外國人(除非是初階問題)，畢竟大神都是國外人居多，而且都使用英文。

技巧 6 : 瀏覽器 除錯法

   如果你是做網頁開發尤其是前端，瀏覽器的除錯是必備的，按下 F12 的 Console 控制台可以看到 js 的錯誤訊息，Network 頁籤可以觀察個元素的載入是否成功，還有載入的時間和效能。

技巧 7 : 選用IDE工具

  下圖是號稱地表上最強的 IDE 工具 -- Visaul Studio，大多時候你並不需要實際執行程式就可以捕抓到錯誤了，如拼錯字、引用不存在的物件...等。所謂 "工欲善其事，必先利其器" 的道理就是如此，在撰寫的過程中，就把錯誤給排除掉。