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


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

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

调试 chrome JavaScript

cat9527 9 years, 10 months ago

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

http://spy-js.com/

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

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

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

伊尔明斯特 answered 9 years, 10 months ago

Your Answer