Chrome开发者工具中是否有CSS网格突出显示？

在Firefox的开发者工具中，可以看到CSS网格，也可以看到它何时未被选中

是否可以在Chrome的开发者工具中显示CSS网格，也可以在未选择网格的情况下显示？

Chrome v62到其开发者工具：

要查看影响某个元素的CSS网格，请将鼠标悬停在元素面板的DOM树中的某个元素上。每个网格项周围都会显示一个虚线边框。仅当选定项或选定项的父项应用了

display:grid

时，此选项才起作用

上面的Chrome Developers文章还包括一个链接，指向Google Developers YouTube关于使用它的视频短片：

---

在ChromeV62之前，ChromeDev工具无法像这样检查网格。这是Firefox开发工具曾经并将继续显著增强的领域之一。当时，Chrome最新版本确实支持各种CSS网格单元格和轨迹的高亮显示

Chrome还有CSS Grid inspector插件可能支持此功能。我一个也没用，但我至少见过半打。一个看起来很有希望的是（我与这个插件或开发人员没有联系）。

实际上，Chrome开发工具（至少从2017年8月的62版开始）确实提供了无插件CSS网格突出显示：

要查看影响元素的CSS网格，请将鼠标悬停在“元素”面板的DOM树中的元素上。每个网格项周围都会显示一个虚线边框。仅当选定项或选定项的父项应用了display:grid时，此选项才有效

---

虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接供参考。如果链接页面发生更改，仅链接的答案可能无效。-正确的。谢谢你的提示！（在回答问题方面还没有太多经验…）。答案更新！