前端跟踪调试分析工具

2023-09-10 03:52:00 +08:00
 hokman

我想找一个 js 跟踪调试分析工具，比如我在页面上点击了一个按钮，会触发一个 js 执行流程，我想看到每一步的执行。这里所谓的每一步，指让代码一行一行地执行，每执行一行，影响到了哪些变量、这些变量被影响前后的值、进入到了哪一个函数。 这相当于一个前端破解工具了。不知道有没有这样的工具？我知道 chrome 调试工具可以有此帮助，但是感觉还是不够方便。

1158 次点击
所在节点    程序员
5 条回复
bigha
2023-09-10 07:36:41 +08:00
不知道你说的不够方便指的什么，chrome 的调试工具远比你描述的这些功能还多

就好比，你有女朋友了，还一直说想找一个能能够完美替换撸管子的工具！
hokman
2023-09-10 07:43:08 +08:00
@bigha chrome dev tool 能不需要设断点地单步执行么？难道我还没有悟到？
bigha
2023-09-10 07:55:35 +08:00
@hokman 当然可以啊，可以设置从浏览器加载 js 开始就触发调试模式

事件监听断点，然后把 javascript 勾选上就好了

![670b00a17fce8352b33c7.png]( https://tu.ping8.top/file/670b00a17fce8352b33c7.png)
hokman
2023-09-10 07:56:05 +08:00
@bigha 啊。确实可以。我悟到了。谢谢！
acthtml
2023-09-10 09:18:58 +08:00
按 f9 就是单步执行

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/972383

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX