大量来源/缩小文件会冻结Chrome开发者工具

Question

打开大型JavaScript文件,例如Chrome开发者工具上的缩小文件,选项卡来源,会冻结它.在我的一个项目中,如果我点击jquery-1.11.1.min.js它挂起,我不能做任何其他事情然后关闭标签.为了使事情变得更加困难,Chrome会记住在"源"选项卡上打开的最后一个文件,并记住最后打开的选项卡,因此我必须打开另一个网站,启动"开发人员工具"并更改选项卡,以使其适用于我的项目.我不得不使用Firefox而不是Chrome进行调试.

Answer 1

这是一个众所周知的错误:Chromium Bug Tracker - 问题593679 - [REGRESSION] DevTools:大型资源暂停开发人员工具,目前已修复,但在常规/稳定的Google Chrome或Chromium上无法使用.

临时解决方案是使用Chrome Canary.

Answer 2

Chrome 会记住在“源”选项卡上打开的最后一个文件

这就是我解决这个问题的方法，并恢复了我的来源标签：

1. 在挂起它的站点以外的站点上打开 devtools
2. Ctrl + Shift + I 检查开发工具本身
3. 转到“应用程序”选项卡，然后转到“本地存储”
4. 找到下面的previouslyViewedFiles钥匙devtools://devtools
5. 按删除键删除条目

Answer 3

黑盒子也不行.仅帮助:

1. 杀死使用CPU的Chrome进程(开发人员工具将被关闭)
2. 打开任何没有巨大源文件的网站(例如ya.ru)
3. 将源标签切换到另一个
4. 在目标网站上打开开发人员工具(并且不要切换到源选项卡)

此外,我在Chrome Canary上没有这个问题

Answer 4

从2019年9月开始的Chrome 77仍然存在此问题。

这是它发生的一种方式：

1. 打开页面，打开调试工具
2. 打开所需的缩小的JS文件，单击漂亮的格式按钮。
3. 在第N行和第N + 1行上设置两个断点
4. 刷新浏览器。快速击中第一个断点。
5. 按简历/ F8
6. 需要2分钟才能到达下一个断点。

这是它发生的另一种方式：

1. 打开页面，刷新几次，一切都很好
2. 打开调试工具，查找文件，打印精美
3. 刷新几次，还是不错的
4. 以漂亮的格式添加断点。
5. 刷新-冻结，CPU固定，无法单击
6. 140秒后，工具再次响应