Firefox DevTools - “此页面上未使用 CSS 网格”

Question

我正在使用 CSS Grids 构建我的第一个应用程序。

使用 Firefox 的 DevTools，我可以通过单击“Rules”窗格中元素旁边的“# grid”来突出显示网格的轨道：

但是当我点击“Layout”窗格时，它总是显示“CSS Grid is not in use on this page”：

这是为什么呢？

（我使用的是今天可用的最新 Firefox 版本，“62.0.2”）

更新：这里是an example project。

更新 2：当我创建一个新的、新鲜的个人资料时，它确实工作！但它不适用于我当前的个人资料，即使我在安全模式下启动，所有插件都被禁用...我想我会自定义一个新的个人资料！

Answer 1

我同意你的观点，这确实是 Firefox 中的一个错误，我使用的是最新版本的开发者版 85.0b9，我遇到了同样的问题。您可以清楚地看到，我已显示为 Grid，但它仍显示此页面上未使用 CSS Grid。

问题 - 当您在默认选项卡或第一个选项卡中打开它时会发生这种情况，它没有在那里设置一些选项卡值。 Bugzilla 的开发团队在过去 2 年开放时仍未修复该错误。让我们希望他们将来能修复。

问题链接-https://bugzilla.mozilla.org/show_bug.cgi?id=1492370

解决方案 - 只需复制您的标签，它就会像魅力一样发挥作用。