作者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://webptt.com/cn.aspx?n=bbs/Ajax/M.1602950890.A.80B.html
※ freeman371:转录至看板 Web_Design 10/18 00:08
1F：推 liangnash: 在sources tag里找到你的档案放break points? 10/18 03:05
4F：推 imjeffreylee: Chrome developer tool可以让你放中断点 或是你可以 02/10 17:20
5F：→ imjeffreylee: 直接在你code里面放入关键字debugger 02/10 17:20