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

Question

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

Answer 1

这是一个已知的错误：Chromium Bug Tracker - Issue 593679 - [REGRESSION] DevTools: Big sources hang the Developer Tools，目前已修复，但在普通/稳定的Google Chrome或Chromium上无法使用。

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

Answer 2

对我而言，黑盒子也不起作用。仅帮助：

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

此外，我在Chrome Canary上没有此问题

Answer 3

2019年9月之后的Chrome 77仍然存在此问题。

one way发生了：

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

another way发生了：

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

Answer 4

相当打印缩小的文件（在调试器中，通过点击{}按钮）似乎“解决”了这个（版本51.0.2704.103 m）。 Chrome最初会慢慢爬行，但点击并给它一个很好的秒数，它会在显示漂亮的打印源时立即冷静下来。

Answer 5

  

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

这就是我的解决方法，并让我的“来源”标签重新显示：

1. 在悬挂该站点的站点之外的其他站点上打开devtools
2. Ctrl + Shift +我检查devtools本身
3. 转到“应用程序”标签，然后转到“本地存储”
4. 在previouslyViewedFiles下找到devtools://devtools键
5. 按Delete键删除条目

Answer 6

对我来说，直到我尝试将更改保存到 sources 面板中的一个大的、缩小的 JS 文件之前，我的浏览器都没有冻结。 Chrome Canary 并没有像其他人那样为我解决这个问题，但我能够通过使用 Chrome 开发工具中的“本地覆盖”功能找到一个可靠的解决方法。 https://developers.google.com/web/updates/2018/01/devtools#overrides

当我将开发工具中的更改保存到源选项卡中的 javjascript 文件时，Chrome 仍然崩溃，但它确实将其成功保存到覆盖文件夹中，并且在重新加载 Chrome 后，我能够在我的网站上看到此更改。