☰

处于影子根状态时 Firefox 开发工具中没有网格布局

tag-icon • tag-icon firefox firefox-developer-tools
处于影子根状态时 Firefox 开发工具中没有网格布局

当我在影子根中有一个 CSS 网格时，Firefox 开发工具不会在布局网格窗格中显示它。它只是显示 CSS此页面未使用网格

不在影子根内的 CSS 网格可以正确显示。

我没有找到有关它的任何信息（又名：

  • 这是不可能的..
  • xxx 版本中的一个错误。
  • 管他呢...

）

我尝试创建一个新的配置文件->结果相同...

来自我的开发工具的屏幕截图： 在此处输入图片描述

Firefox：102.0.1（64位）Win10

答案1

来自的回答 使用 Firefox 检查 Shadow DOM：

  1. about:config在浏览器地址栏中输入。
  2. Firefox 76+ 不需要设置devtools.inspector.showUserAgentShadowRoots为//true
  3. 设置devtools.inspector.showAllAnonymousContent为true(Firefox 76+)

相关内容