当某些元素在“元素”选项卡下的控制台中显示为灰色时，这意味着什么？

【问题标题】：What does it mean when some of the elements are grey in the console under the 'Elements' tab?当某些元素在“元素”选项卡下的控制台中显示为灰色时，这意味着什么？
【发布时间】：2020-07-02 18:51:44
【问题描述】：

我最近开始熟悉控制台，通过它识别某些元素等等。但是，我在Disney's website 上偶然发现了这一点，我想知道为什么其中一些元素有灰色背景？这说明什么？

【问题讨论】：

标签： javascript html css browser console

【解决方案1】：

您已启用“显示用户代理 shadow DOM”设置，这些 Shadow DOM 元素以灰色突出显示。

您可以在此处了解 ShadowRoot：What is shadow root

您可以在此处了解有关 Shadow DOM 的更多信息： https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM

【讨论】：