浏览器由于脚本长时间运行而变得无响应-如何找到负责的脚本？

Question

我目前面临一个特殊的问题。在我们的质量检查环境中，我们发现一个特定的实体导致浏览器无法响应。这是一个相当大的Aurelia项目，因此即使我有导致页面无响应的实体，也必须调试数千行JavaScript才能找出原因。更糟的是，我们还在expressionObserver上使用BindingEngine来检测属性何时更改以及其他基于事件的功能。这意味着遵循同步流也不是那么容易。

我尝试运行Chrome Performance，但分析器落后。

我是否可以通过某种方式定位导致滞后的特定代码，还是必须逐行浏览代码？

Chrome浏览器：

页面无响应 您可以等待它响应或退出页面。

Firefox：

网页正在减慢您的浏览器速度。您想做什么？

边缘：

没有响应。

Internet Explorer 11：

由于脚本长时间运行而没有响应。

Answer 1

使用Performance中的FireFox监视器，可以停止脚本执行并查看在应用程序无响应之前执行的方法。感谢@Teemu。