[问题] 如何用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