Google Chrome 重载页面时如何保留CSS Grid检查的设置？

Chrome DevTools自带CSS Grid调试检查功能，默认的临时面板选中状态不会在页面重载后保留，可通过以下两种方式实现配置持久化：

• 全局默认规则配置
  打开开发者工具后按F1快速调出DevTools偏好设置面板，找到布局板块下的Grid配置区域，将需要长期生效的网格高亮、网格线标注、区域尺寸提示等选项设为默认开启。这类配置存储在浏览器本地的DevTools专属存储中，不会随页面重载、标签页刷新被重置，打开任意使用CSS Grid布局的页面时，对应配置会自动生效。
  注意：仅针对单个页面内特定网格的临时勾选设置，不会被纳入持久化范围，需要通过全局默认规则覆盖目标场景的显示要求。
• 调试会话状态保留
  若仅需在单次调试流程中保留已选设置，可在DevTools设置的「网络」分区，勾选保留日志（Preserve log）选项。开启该选项后，页面重载过程中DevTools会保持当前面板的已选配置不被重置，之前手动选中的网格高亮设置会持续生效，直到手动调整。

内容的提问来源于stack exchange，提问作者klodoma