作者freeman371 (自由人371)
看板Ajax
標題[問題] 如何用Chrome的開發者工具一步一步的解析js的執行步驟?
時間Sun Oct 18 00:08:08 2020
Dev-C++好像有這種功能
就是好比說像一個迴圈
每run完一次迴圈之後動作就會先暫停
並且可以一步一步的看到各變數值的變化情形等等的
或者像哪個地方開始執行到某個函數或方法之類時
開發者就可以停下來看這個程式會跳到哪個函數及方法
然後一步一步的看這個函數裡頭執行的過程
每執行一步完就暫停,然後看變數值的變化以及一步步的解析JavaScript的執行步驟
我知道Dev-C++好像有這種功能
那麼Chrome又或者其他的瀏覽器的開發者工具有沒有這種功能
可以一步一步的剖析JavaScript的任何一步執行步驟?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.161.146.60 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1602950890.A.80B.html
※ freeman371:轉錄至看板 Web_Design 10/18 00:08
推 liangnash: 在sources tag裡找到你的檔案放break points? 10/18 03:05
推 imjeffreylee: Chrome developer tool可以讓你放中斷點 或是你可以 02/10 17:20
→ imjeffreylee: 直接在你code裡面放入關鍵字debugger 02/10 17:20