最直接(低噪音)方式使用同步暂停,让您在整个
调用堆栈中徘徊:
>打开chrome的devtools.
>右键单击devtools“Elements”选项卡中的元素以显示上下文菜单
>选择Break On …>子树修改.
一旦元素的“innerHTML”发生变化,脚本执行将暂停,您可以在“Sources”选项卡中查看整个调用堆栈,包括请求DOM更改的任何函数.
某些DOM修改(如动画库)可以使用setTimeout或回调来丢弃导致更改的大部分调用堆栈,在这种情况下,Profile可能会更有趣,因为动画功能应该像一个痛苦的拇指一样突出一个“沉重”的观点.