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

作者: freeman371 (自由人371)   2020-10-18 00:08:08
Dev-C++好像有這種功能
就是好比說像一個迴圈
每run完一次迴圈之後動作就會先暫停
並且可以一步一步的看到各變數值的變化情形等等的
或者像哪個地方開始執行到某個函數或方法之類時
開發者就可以停下來看這個程式會跳到哪個函數及方法
然後一步一步的看這個函數裡頭執行的過程
每執行一步完就暫停,然後看變數值的變化以及一步步的解析JavaScript的執行步驟
我知道Dev-C++好像有這種功能
那麼Chrome又或者其他的瀏覽器的開發者工具有沒有這種功能
可以一步一步的剖析JavaScript的任何一步執行步驟?
作者: liangnash (涼奶昔)   2020-10-18 03:05:00
在sources tag裡找到你的檔案放break points?
作者: imjeffreylee (昌)   2019-02-10 17:20:00
Chrome developer tool可以讓你放中斷點 或是你可以直接在你code裡面放入關鍵字debugger

Links booklink

Contact Us: admin [ a t ] ucptt.com