通过调试工具将 JS 运行过程可视化可以做到吗?
曾经试验过一个
Demo
, 写个简单的解释器, 然后把每个运行过程都记录下来,
完了做成一个树状的图形来显示, 这样我就明确能知道到底程序做了什么了
在调试 JS 的过程当中, 我也有类似的想法, 有时候我不知道代码做了什么,
只能加 log, 可是 log 又不是树状的, 很难看出来什么东西..
JS 的调用栈对当前断点的环境展示地很清晰, 但我想看总体的执行, 就做不到了,
我主要是想知道, Backbone 的方法, 在一次事件出发以后, 都执行了什么东西?
现在有类似的工具可以在 Chrome 上做到的么?
cat9527
10 years, 4 months ago
Answers
WebStorm8新推出的spyJS集成比较符合题主的需求
webstorm里面可以直接用,也可以自己搭建webui用
原理是提供本地代理,拦截JS文件,在里面自动插桩
伊尔明斯特
answered 10 years, 4 months ago