为什么我无法获得 google chrome CSS Grid Inspector？

why I can't get the google chrome CSS Grid Inspector?

我一直在尝试将 CSS 网格检查器用于 google chrome 开发工具。但是，我既不能得到元素旁边的 grid 标签（正如开发工具必须显示的那样），也不能得到我应该能够得到的 Layout 面板玩网格间隙、行等

我怎样才能enable/use他们？

Google Chrome 版本 86.0.4240.75（正式版）（64 位）

我尝试关注的文章：https://developers.google.com/web/tools/chrome-devtools/css/grid

我也花了一段时间，但这是 step-by-step:

Open Developer Tools and click on the cogwheel (Settings)

Select the tab Experiments and then check "Enable new CSS Grid debugging features"

The Layout tab appears as the last item

启用该功能的方法没有很好的记录。

  1. Select Control+Shift+I (Windows, Linux) 或 Command+Option+I (macOS)
  2. Select Shift+? 显示设置面板
  3. 导航到实验并...
  4. 选中“启用新的 CSS 网格调试功能（重新启动后元素的布局侧边栏窗格中可用的配置选项）”

重新启动开发工具后，您应该会在元素资源管理器中看到小 grid-tags，在开发工具侧边栏中看到新的布局窗格。

HTH

顺便说一句，它应该是 87 版的默认设置...