80

由于Google Chrome已更新至50.x版本，因此无法与DevTools一起使用。此问题主要在“网络”选项卡中再现。每次单击“请求”时，大约需要30-40秒。之后，Chrome可能崩溃。试图删除所有扩展名，清除缓存并重新安装，但没有帮助。有人知道如何解决此问题吗？

我正在运行Chrome 50.0.2661.87 m

UPD：该问题可能是由于标头较长而引起的。尝试关闭响应和请求标头。

google-chrome google-chrome-devtools

— 基罗什
source

当您说单击“请求”时，是指单击任何请求或UI中标记为“请求”的特定部分吗？您可以链接到您遇到问题的示例网站吗？我试图在StackOverflow网站上重现，但没有遇到问题。

— Matt Zeunert

@MattZeunert也许您可以在任何站点上找到它，但是请尝试在en.wikipedia.org/wiki/Main_Page上或在包含很多脚本和XMLHttpRequests的站点上尝试它。打开devtools-> Network->单击列表中的某些请求或脚本->转到标题/预览。导航花了太多时间（至少对我而言）-30秒

— Kirrosh

我昨天也开始发生这个问题。除了重命名“默认”配置文件以外，还尝试了许多相同的步骤，以防配置文件损坏。今晚将尝试在家中使用另一台机器。

— NuNn DaDdY

我在50.0.2661.102 OSX上，尝试编辑CSS属性时遇到同样的问题。实际更新值需要花费大量时间，而且大多数情况下，它甚至会删除我键入的最新字符。真烦人。

— Yoann

在大型Angular应用程序上工作，在控制台和元素查看器之间切换确实很麻烦。在控制台中执行任何操作时，GUI会变得非常缓慢。在屏幕上选择元素时，通常会有2秒的延迟。

— skmasq '16

49

在Mac OS X 10.11.3上的Chrome版本50+中，调试时遇到了类似的问题。到目前为止，我发现的唯一解决方案是将开发工具停靠在右侧，并且似乎和以前一样高效。不是最佳解决方案，但它适用于我的情况。

— 克里斯·基特里奇
source

5

完全怪异，但却有一定的救星功能。我想认为这种解决方法不需要太长时间，但是它使开发工具再次对我可用。谢谢！

— jpcamara

3

甚至没有停靠的屏幕宽度工具也具有与报告相同的问题。当变窄时，它可以正常工作。这绝对是奇怪的:)报告在某个地方吗？编辑：它基于源窗口的宽度！越窄，反应越快。谢谢@克里斯！

— Michal Roharik '16

1

似乎在60.0.3112.113中又回来了。此修复程序再次起作用。

— SoEzPz

1

刚遇到Chrome 61.0.3163.100的问题。同样，更窄的窗户完全固定了它！

— stevejboyer

2

@Rebar如果您尚未修复，则在几周前找到了另一个修复链接

— Ophidian

19

最后的解决方案已经发现这让我这么长的时间后，并经过了这么多失败的尝试进行修复：解决谷歌浏览器论坛

转到chrome：// flags /＃force-color-profile

将其更改为sRGB

由于Google不允许直接链接到chrome://您，因此您必须自己插入冒号，或将整个链接手动输入到工具栏中。

— 蛇夫
source

14

我的情况是类似的，在开发人员工具响应极其缓慢的情况下苦苦挣扎了一段时间之后，我发现问题是由我为淘汰赛安装的Chrome扩展程序引起的。因此，对于遇到这些问题的人，作为初始疑难解答的一部分，请尝试禁用chrome扩展程序。

— 迪戈索夫
source

2

好东西。对我来说，这是Knockoutjs context debugger扩展。干杯!

— Dunc

2

对我来说是React Developer Tools！仅在Mac上发生，在Windows上不发生。

— 米

禁用Augury扩展程序对我有帮助。谢谢！

— Matti Lehtinen

1

可以确认React Developer Tools也会影响Windows

— user5480949

7

我使用的是61.0.3163.79版本，而我遇到的是与该帖子相同的问题。

通过一些搜索，我发现问题出在我所使用的用户中。我试图输入int google chrome作为访客，而devtools又变得更快了。

所以我做的是：

检查使用来宾用户进行的调试是否应该更快。
从帐户注销。
清理与Google Chrome相关的所有缓存。
重新启动PC（但是我认为关闭浏览器就足够了）
再次登录您的帐户。

我希望这可以帮助其他有相同问题的人。

[编辑：]

我发现一段时间（几周）后，Google chrome开发工具将再次变慢。因此，我尝试了以下解决方案，并且有效：

打开 dev tools
转到Sources标签。
清除了所有监视的变量，断点，DOM断点和事件监听器断点。

[第二编辑：]

几周后，问题再次出现。我所做的是安装Google Canary版本64.0.3249.2 canary（64位），但问题消失了。

对于谁不知道什么是金丝雀，请检查此链接。

— 里卡多·罗查（Ricardo Rocha）
source

4

Google已意识到该问题-https://bugs.chromium.org/p/chromium/issues/detail?id=624097

这个问题似乎在v.53中已消失-他们目前正在试图找出解决问题的方法。如果可能，此修复程序将合并回到v.52。但是至少他们正在努力。

— 吉米·汤姆森
source

3

我现在正在研究v53.0.2785.101，仍然有问题。太无法使用了，我安装了firefox，而且多年来一直没有使用过……

— MatteoSp 2016年

这里几乎是一样的-我想在div中编辑一些文本以显示客户端，我单击更改为可编辑文本后花了30秒钟。

— LocalPCGuy

我发现该线程时正在使用v53。这样看来不正确吗？但是，53.0.2785.143 m似乎更好。尽管不确定是否只是重启才能解决问题。

— 伊恩·格兰杰

9

Chrome 54.0.2840.71 m（64位）中的相同问题

— Lelis718 '16

任何解决方法？我试过金丝雀，对我来说也是一样。我现在必须切换到firefox ...

— Nicolas Thery

3

如果其他人遇到我遇到的同样问题，请尝试将要查看的“开发工具”选项卡更改为Elements。

我打开了“源”选项卡，Chrome尝试为该选项卡加载大量资产，这在console.log()我创建的事件与这些记录的消息的显示之间造成了几秒钟的延迟。

— 杜海姆
source

2

我在54.0.2840.99 m版本的Google Chrome浏览器上遇到了同一时间的问题。

但是切换到Chrome Canary还是可行的！

— 贷款J4490
source

1

Google Canary一直为我工作，直到最后一次更新，而且59.0.3054.1版本也非常慢：(

— miyconst

2

通过停用所有断点，再次使devtools变得活泼：

转到Sources标签，显示调试器（可能已隐藏）并点击Deactivate breakpoints。

（Windows 10上的Chrome v62.0）

— 欣里奇
source

而已！尝试了该线程中的所有内容，但最终成功了。我猜对于大型js项目，它似乎会引起问题。

— 救赎的编码者，

1

我也面临同样的问题。

我尝试了未选中的切换截屏。现在工作正常。

— 库尔希德·安萨里（Khurshid Ansari）
source

1

万一其他人也在努力寻找“切换屏幕录像”：它是DevTools左上角的图标

— Matti Lehtinen

1

减少的大小`resource`存在`overridden`

只有overriding行代码少的文件对我来说效果很好。我之所以登陆这里是因为我overriding的文件的35,000 +行数为Javascript。

此外，如果您resource是新用户-即它不包含在script标签或link标签中，则可以override main html document添加标签：<script src="/my-new-script.js"></script>。在Overrides folderon上将文件添加到您的域根目录Chrome：

`overriding` 的HTML

然后`overriding`自定义脚本：

祝好运...

— 阿卡什
source

1

通过执行以下操作，我再次加快了Chrome的速度：

打开DevTools- >选择Elements选项卡->
- 选择“过滤器”下的“嵌套计算选项卡”-> ，确保未选中“显示全部”。
- 选择嵌套的“事件侦听器”选项卡->确保未选择“祖先”和“框架侦听器”。

— 阿卜杜勒
source

0

就我而言，我有本地覆盖设置（https://developers.google.com/web/updates/2018/01/devtools#overrides在Downloads文件夹中），其中包含很多文件，这减慢了devtools的速度。

在其自己的单独目录中设置替代可解决缓慢问题。

— 斯沃沙
source

0

对我来说，在Ubuntu 18上运行Chrome版本81.0.4044.138（正式版本）（64位），问题似乎出在移动视图上。当我禁用移动视图时，检查又变得非常快。我认为这是由触摸仿真和其他移动设备引起的。

要具有类似于移动视图的功能，请将DevTools停靠栏移到侧面并调整其大小，直到获得所需的宽度为止。它不是完美的，但是在大多数时候都是有用的。

除了Chrome之外，Firefox整体检查站点时速度要快得多，尽管我不使用FF，因为我已经习惯了Chrome上的特定功能。此外，与我合作的大多数网站都不会在Chrome上触发这些问题，实际上，只有一个网站会发生这种情况。

PD：在Chrome Dev Tools上触发该问题的网站有很多CSS变量。不确定是否相关。

UPDATE 1周前，通过禁用“显示媒体查询”选项，即使在移动设备视图中，我也可以使用Chrome，而不会出现问题

— 贝托·阿维加（Beto Aveiga）
source

Google Chrome开发人员工具的运行速度非常慢

减少的大小resource存在overridden

overriding 的HTML

然后overriding自定义脚本：

减少的大小`resource`存在`overridden`

`overriding` 的HTML

然后`overriding`自定义脚本：