開發過程中,經常有需要去debug,debug常用方式有兩種:一是在代碼中寫一行debugger,二是在 瀏覽器控制台Source中的js中左邊行數那里點一下。
拓展:①有時dom變化不受控制,這時候很難去追蹤變化。我們可以在谷歌瀏覽器的控制台的Elements里針對標簽右鍵使用 Break on..它可以在元素被刪除、新增或子元素變化時觸發斷點
②使用vue和ui框架開發時,我們經常只想關注我們代碼層面的數據變化,而不想去關心源碼底層的變化。這時候可以使用谷歌瀏覽器的Blackbox,當斷點跳轉到我們不想進入的js時,就右鍵選擇Blackbox script,這個js就會被關進黑盒子,以后所有的debugger都不會進入這個js文件了。如果我們以后想去看這塊的源碼的話,就要打開控制台右上角齒輪設置,然后選擇Blackboxing,管理黑盒子文件。(黑盒子在新版chorme中被更名為ignore LIst)
③xhr斷點,可以設置一個斷點,在特定的請求發送時被觸發