使用Chromejavascript调试程序跟踪事件-TrackeventsusingChromejavascriptdebugger

39  

yes there is!

就在这里!

find the element that is being reloaded and right click, choose inspect from context menu, then right click the html of the element (in the bottom firebugish pane), in the context menu there are options to:

找到正在重新加载的元素并右键单击,从上下文菜单中选择inspect,然后右键单击元素的html(在底部firebugish窗格中),在上下文菜单中有以下选项:

• break on subtree modifications

打破子树修改

• break on attributes modifications

打破属性修改

• break on node removal

打破节点删除

Article on awesome new dev features in chrome: http://elijahmanor.com/7-chrome-tips-developers-designers-may-not-know/

有关chrome中令人敬畏的新开发功能的文章:http://elijahmanor.com/7-chrome-tips-developers-designers-may-not-know/

7  

If you have access to the .js, just add "debugger;" on its own line. Whenever Chrome (or FF) hits that, it'll trigger the debugger and let you walk through. Esp useful if you have some general idea which code will trigger the event. See http://beerpla.net/2009/12/17/how-to-make-firebugs-Javascript-debugger-break-inside-dynamic-Javascript-using-the-debugger-keyword-ie-chrome-too/ for more.

如果您有权访问.js,只需添加“调试器”;在自己的路线上。每当Chrome(或FF)点击它时,它都会触发调试器并让你走过。如果你有一些一般的想法,哪些代码将触发事件,Esp很有用。请参阅http://beerpla.net/2009/12/17/how-to-make-firebugs-Javascript-debugger-break-inside-dynamic-Javascript-using-the-debugger-keyword-ie-chrome-too/更多。

0  

Right click on the element in chrome dev tools, and click on 'break on' , then you would see multiple selections such as sub tree modifications. Or you could also go to chrome//:tracing

右键单击chrome dev工具中的元素,然后单击“break on”,然后您将看到多个选项,例如子树修改。或者你也可以去chrome //:tracing