在 Chrome 开发人员工具中,如何禁用刷新元素周围的突出显示?

Posted

技术标签:

【中文标题】在 Chrome 开发人员工具中,如何禁用刷新元素周围的突出显示?【英文标题】:In Chrome Developer Tools, how can I disable the highlight around elements that refresh? 【发布时间】:2020-07-08 00:41:57 【问题描述】:

在 ReactJS 应用程序中,我打开了 Chrome Developer Tools

当我点击某个东西时,我可以在刷新的元素周围看到高亮显示。

如何禁用高亮显示,这样我就可以一直使用 iPhoneX 模拟器而不会在任何地方出现难看的高亮显示?

【问题讨论】:

【参考方案1】:

已在devtools v4 更改,在Aug 17, 2019 询问并在Oct 3, 2019 更新

(对于 devtools v3)

参考:

相关问题:https://github.com/facebook/react/issues/16437

相关公关:https://github.com/facebook/react/pull/16989


这就是你的做法:

    F12 打开开发者工具 点击Components标签 在反应树中,点击右上角的设置图标 点击General tab 取消选中Highlight updates when components render

【讨论】:

以上是关于在 Chrome 开发人员工具中,如何禁用刷新元素周围的突出显示?的主要内容,如果未能解决你的问题,请参考以下文章

Chrome开发人员工具不会检查body标记内的元素(mac OSX)

在 Chrome 开发者工具中禁用 :hover 状态

Chrome开发者工具中Elements(元素)断点的用途

如何在 Chrome 开发者工具中禁用加载特定脚本

Chrome 开发工具导出元素 HTML

如何在 chrome 开发者工具中重新加载单个文件