[問題] 如何用Chrome的開發者工具一步一步的解析js的執行步驟?

看板Ajax作者 (自由人371)時間4年前 (2020/10/18 00:08), 編輯推噓2(203)
留言5則, 3人參與, 4年前最新討論串1/1
Dev-C++好像有這種功能 就是好比說像一個迴圈 每run完一次迴圈之後動作就會先暫停 並且可以一步一步的看到各變數值的變化情形等等的 或者像哪個地方開始執行到某個函數或方法之類時 開發者就可以停下來看這個程式會跳到哪個函數及方法 然後一步一步的看這個函數裡頭執行的過程 每執行一步完就暫停,然後看變數值的變化以及一步步的解析JavaScript的執行步驟 我知道Dev-C++好像有這種功能 那麼Chrome又或者其他的瀏覽器的開發者工具有沒有這種功能 可以一步一步的剖析JavaScript的任何一步執行步驟? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.161.146.60 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1602950890.A.80B.htmlfreeman371:轉錄至看板 Web_Design 10/18 00:08

10/18 03:05, 4年前 , 1F
在sources tag裡找到你的檔案放break points?
10/18 03:05, 1F

10/18 14:15, 4年前 , 2F

10/18 14:17, 4年前 , 3F

02/10 17:20, 4年前 , 4F
Chrome developer tool可以讓你放中斷點 或是你可以
02/10 17:20, 4F

02/10 17:20, 4年前 , 5F
直接在你code裡面放入關鍵字debugger
02/10 17:20, 5F
文章代碼(AID): #1VYnRgWB (Ajax)
文章代碼(AID): #1VYnRgWB (Ajax)