JS之debugger


開發過程中,經常有需要去debug,debug常用方式有兩種:一是在代碼中寫一行debugger,二是在 瀏覽器控制台Source中的js中左邊行數那里點一下。

拓展:①有時dom變化不受控制,這時候很難去追蹤變化。我們可以在谷歌瀏覽器的控制台的Elements里針對標簽右鍵使用 Break on..它可以在元素被刪除、新增或子元素變化時觸發斷點

 

 ②使用vue和ui框架開發時,我們經常只想關注我們代碼層面的數據變化,而不想去關心源碼底層的變化。這時候可以使用谷歌瀏覽器的Blackbox,當斷點跳轉到我們不想進入的js時,就右鍵選擇Blackbox script,這個js就會被關進黑盒子,以后所有的debugger都不會進入這個js文件了。如果我們以后想去看這塊的源碼的話,就要打開控制台右上角齒輪設置,然后選擇Blackboxing,管理黑盒子文件。(黑盒子在新版chorme中被更名為ignore LIst)

③xhr斷點,可以設置一個斷點,在特定的請求發送時被觸發

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM