Javascript 减慢浏览器渲染速度

有没有一种方法可以减缓浏览器DOM渲染和JS执行的速度，以便我们可以看到网站的哪些部分过于JS密集，并且在速度较慢的机器上可能会变慢？可能是针对Linux/OSX的Chrome/Firefox的扩展

一些澄清：

这与连接或测试浏览器的速度无关！我们的开发人员只需查看页面的哪些部分呈现得很慢或“有问题”。例如，当您使用ajax并且正在加载某个东西时，您会显示一个加载程序，但是在加载程序显示之后，加载的部分也会显示出来。我们希望以慢动作看到这一点。就像在OSX中执行曝光时按SHIFT键一样

另外，我确实找到了一些关于延迟互联网连接的文章，但在这种情况下这还不够

PPS。在虚拟机中加载所有内容对我们来说都不起作用

---

购买力平价。在我看来，使用中建议的减速代码不是最好的选择。

在浏览器检查器上使用时间线或探查器。在这里，您可以看到哪些函数降低了速度。

将@z0r在评论中所说的转换为答案：

---

在Chrome中，打开devtools并选择

Performance

选项卡 确保选中了

屏幕截图

按录制按钮（或按Ctrl+E） 做你的活动 停止录音

---

将鼠标悬停在时间线上，可以看到随着情况的变化屏幕的截图 公认的答案是好的；我也使用并推荐Chrome开发工具

作为Chrome开发工具的替代工具：

一些“网站性能分析”服务提供时间轴视图。运行一些互联网搜索，你会发现各种免费和付费的选择

试一试

它是开源的，备受推崇，并且已经运行了多年。与Chrome开发工具相比，它可能提供不同的信息，或者以不同的方式访问

---

在测试结果中，单击“Filmstrip View”。

如果您充分限制虚拟机的资源，我会认为使用虚拟机将是一个很好的解决方案。您无法真正模拟这一点，除非是任意模拟，因为不同的浏览器和设备在不同方面都很慢，例如渲染速度慢、读/写RAM速度慢、CPU速度慢、，慢是因为后台XFER等原因。这与函数的持续时间无关，而是与DOM构建有关。我们正在使用Angular.JS。有时，你会看到页面正在累积。但并非总是如此。因此，我们希望减缓整个过程，看看哪些部分导致了“故障”。这将因浏览器而异。在控制台中检查每个浏览器的加载/渲染时间。这与我们的时间无关。我们只想以慢动作查看页面是如何构建的。Chrome的探查器可以在呈现页面时截图，这样您就可以将可视页面更改与函数调用相匹配。@z0r感谢您为我指明了正确的方向！我发现Chrome DevTools Timeline面板可以在呈现页面时截图。