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

时间:2016-04-04 19:45:13

标签: google-chrome google-chrome-devtools

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

6 个答案:

答案 0 :(得分:14)

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

临时解决方案是使用Chrome Canary

答案 1 :(得分:7)

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

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

答案 2 :(得分:5)

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秒后,工具再次响应

答案 3 :(得分:3)

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

答案 4 :(得分:1)

  

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

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

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

答案 5 :(得分:0)

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

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