如何检查DOM上的JavaScript执行历史记录

Question

<div class="box"></div>

// First script
$('.box').width(100);

// Second script
$('.box').addClass('color');

// Third script
$('.box').fadeOut();

结果：

<div class="color" style="width: 100px; display: none;"></div>

它可能已经改变了通过不同的js文件对一个DOM做了一些事情，如果脚本代码被分隔成许多js文件，那么很难发现div受到谁的影响，是否有任何工具可以检查DOM的执行历史记录吗？

Answer 1

当然有，你需要打开开发人员工具（F12），打开网络部分激活它（如果没有激活，在IE中发生很多）并刷新你的网站，你会看到你的所有追踪web和按调用顺序调用的每个文件。