[問題] 如何用Chrome的開發者工具一步一步的解析js的執行步驟? freeman371 PTT批踢踢實業坊

[問題] 如何用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?

作者: x94fujo6 2020-10-18 14:15:00

https://reurl.cc/j5rx7Z https://i.imgur.com/p8xYZ3b.jpg

作者: imjeffreylee (昌) 2019-02-10 17:20:00

Chrome developer tool可以讓你放中斷點或是你可以直接在你code裡面放入關鍵字debugger

繼續閱讀

[討論] office script好用嗎?ggggggh [教學] JavaScript 演算法：氣泡排序、插入排序pply [問題] jquery綁定月曆kurtke Re: [問題] ajax 傳值給phpmarxwu66 [問題] jquery覆蓋元件wind681201 [問題] Vue如何實現複製文字（包含樣式）？hamster3933 Fw: [精進] [線上]大前端讀書會(7缺1)iamnodoubt [教學] JavaScript 演算法：二元搜尋實作與分析pply [問題] leaflet 使用空間插值呈現lucy35 Re: [問題] vue.js 的class的切換BugofBook