通过调试工具将 JS 运行过程可视化可以做到吗?

发布于 2022-08-29 17:23:11 字数 530 浏览 13 评论 0

曾经试验过一个 Demo, 写个简单的解释器, 然后把每个运行过程都记录下来,
完了做成一个树状的图形来显示, 这样我就明确能知道到底程序做了什么了

在调试 JS 的过程当中, 我也有类似的想法, 有时候我不知道代码做了什么,
只能加 log, 可是 log 又不是树状的, 很难看出来什么东西..
JS 的调用栈对当前断点的环境展示地很清晰, 但我想看总体的执行, 就做不到了,
我主要是想知道, Backbone 的方法, 在一次事件出发以后, 都执行了什么东西?
现在有类似的工具可以在 Chrome 上做到的么?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

睫毛溺水了 2022-09-05 17:23:12

WebStorm8新推出的spyJS集成比较符合题主的需求

http://spy-js.com/

webstorm里面可以直接用,也可以自己搭建webui用

原理是提供本地代理,拦截JS文件,在里面自动插桩

请输入图片描述
请输入图片描述

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文