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

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

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

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


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

http://spy-js.com/

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

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


【热门文章】
【热门文章】