Reactjs 在chrome开发者工具打开的情况下，React应用程序缓慢爬行。以隐姓埋名的方式被罚款

在开发我的react应用程序时，应用程序会变得异常缓慢，并且会在chrome中打开devtools。在关闭或隐姓埋名模式下工作快速且良好。我尝试过禁用所有扩展，但遇到了相同的问题。这似乎是最近我更新chrome（现在是80.0.3987.132版）时开始出现的

我真的不知道从哪里开始调试这个问题，但在我的应用程序上开发已经变得非常令人沮丧

---

任何关于调试的建议或帮助都将不胜感激。

这很可能与标题为“录制关闭时停止发送配置文件数据”有关

他们已经知道开发人员工具的速度变慢存在问题，他们试图通过阻止在不记录时通过桥接器将分析数据发送到前端来防止这一问题

据报道，在最新版本上，这个问题似乎不再发生了。然而，原因仍然不明

---

请尝试卸载开发人员工具扩展，清除浏览器缓存，然后重新安装。

您可能应该尝试使用您正在使用的版本80.0.3987.132以外的版本。您尝试开发的应用程序可能不适合您正在使用的版本。删除您正在使用的扩展，清除并删除浏览器缓存的所有痕迹，然后重新下载扩展，如Daniele Molinari所说。这可能会有帮助。如果它不让我知道。我将尝试另一种方法。

TL；DR:转到“源”选项卡，删除站点的所有断点

我也有类似的问题。我的网站加载速度非常慢，但仅在特定情况下：
1） 开发工具已打开。
2） 选项卡位于正常窗口中。（非匿名模式）
3） 未启用分析

如果（且仅当）所有这三个条件都得到满足，站点的加载速度将非常缓慢（15秒以上；通常为3秒），并且站点上的某些操作会出现性能问题（如更改打开的子面板）。这很奇怪

和您一样，我尝试禁用所有扩展，但问题仍然存在

最后，我尝试使用地址栏左侧的info/lock下拉列表清除站点的所有cookie和本地存储。令人惊讶的是，这似乎已经解决了它！（更新：只解决了大部分问题）

所以问题一定是我的站点在本地存储或其他地方存储了太多的数据，以至于开发工具被阻塞了（但只是在特定情况下，出于某种原因）。这也与隐姓埋名模式下的问题解决相匹配：隐姓埋名模式对站点cookie/本地存储使用“清除列表”

无论如何，这是一个奇怪的问题，但是cookies/本地存储清除似乎对我的情况起到了作用。（如果问题再次出现，而上述解决方案无法解决，我会尽量记住提及。）

更新：奇怪的是，即使在修复之后，打开探查器仍然会加快速度（即，满足这三个条件仍然会减慢页面加载和操作，只是比修复之前慢了很多）。因此，显然，解决方案只是“降低了问题的强度”，而不是完全解决问题；例如，通过重置本地存储，它减少了数据的大小，这在某种程度上是一个影响核心问题（尚未确定）的变量

更新2：我相信我已经找到了根本问题和解决方案：我删除了站点的所有断点，并且完全解决了减速问题。所以问题似乎是我在我的网站代码的不同地方设置了很多不必要的断点（有些启用，有些禁用）。其中一些必须放置在经常被呼叫的“热点”内/附近。通过打开开发工具，Javascript引擎必须开始执行一些与断点相关的处理，从而减慢速度

---

我的猜测是，通过禁用“JavaScript源代码映射”设置（因为这是我唯一认为会导致如此多速度减慢的事情），问题也会得到解决，但我还没有证实这一点。

我有这个版本

version 80.0.3987.87

，我的react应用程序运行得非常好。你试过其他浏览器吗？你用了什么浏览器？在断定chrome是问题之前，您是否在另一台计算机上尝试过chrome？您是否尝试过任何性能/内存评测？您的devtools控制台是否打印任何内容？在dev控制台中没有打印任何内容。我的同事使用该应用程序的版本相同，没有问题。我在Firefox上试过，没有问题。真正奇怪的是，当我使用ChromeDevTools性能选项卡开始录制时，所有延迟停止，然后在录制结束后再次启动。亲爱的@tgreen，将您的系统与其他同事进行比较并不是很有价值，因为也许你们所有人在webpack watch选项上都有相同的问题，但您的系统在RAM和CPU体系结构上存在一些关键问题，它们相互冲突。因此，请编辑您的问题并保留您的整个网页配置。我在开发区域优化方面有一些经验。我在上面提到过，但自从在我的笔记本电脑上完全擦除chrome并重新安装之后，我没有看到任何问题。如果问题再次出现，我会试试这个。这个答案被低估了！！！这个月来，我一直在经历同样的问题，却不知道问题出在哪里。非常感谢。我已经在隐姓埋名中发展了好几天了，这让我快发疯了！我有一个条件断点，我认为是它导致了这个问题。为我解决了这个问题，谢谢