大源/缩小文件使 Chrome 开发人员工具冻结

Big source / minified files make Chrome Developer Tools freeze

打开大 JavaScript 文件,例如 Chrome 开发人员工具中的缩小文件,标签源,使其冻结。在我的一个项目中,如果我单击 jquery-1.11.1.min.js 它会挂起,我无法做任何其他事情然后关闭选项卡。更难的是,Chrome 会记住在“源”选项卡上打开的最后一个文件,并记住最后打开的选项卡,所以我必须打开另一个网站,启动开发人员工具并更改选项卡才能使其正常工作我的项目。我不得不使用 Firefox 而不是 Chrome.

进行调试

这是一个已知错误:Chromium Bug Tracker - Issue 593679 - [REGRESSION] DevTools: Big sources hang the Developer Tools,目前已修复,但在 regular/stable Google Chrome 或 Chromium 上不可用。

暂时的解决办法是使用Chrome Canary.

对我来说,黑匣子也不起作用。仅帮助:

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

我在 Chrome Canary

上也没有这个问题

漂亮地打印缩小文件(在调试器中,通过点击 {} 按钮)似乎 "solve" 这个(版本 51.0.2704.103 m)。 Chrome 一开始会慢得像爬行一样,但是单击并给它足够的秒数,它会在显示漂亮的印刷源代码后很快平静下来。

Chrome remembers the last file opened on the Source tab

这就是我解决这个问题的方法,并取回了我的来源标签:

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

2020 年 9 月更新:

刚回来注意到我测试了 Chrome 稳定的 85.0.4183.121,这有很大的改进! (我有一段时间没有测试了,所以我不确定它到底是什么时候有所改善的。但是 bug report 5 月份有一些变化。)

2019年9月: Chrome77还是有这个问题

这里是 one way 它发生了:

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

这里是 another way 它发生了:

  1. 打开页面,刷新几次,一切正常
  2. 打开调试工具,查找文件,漂亮打印
  3. 刷新几次,还是不错的
  4. 尝试在格式良好的文件中添加断点...
  5. 冻结,cpu 固定,无法点击
  6. 140 秒后,工具再次响应

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

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