如何在Chrome DevTools中保持Flexbox设置在页面刷新后仍启用？

Chrome DevTools内置了专门选项，能让Flexbox覆盖层在页面刷新后保持启用状态，无需每次手动重新开启，操作步骤如下：

• 打开Chrome DevTools（快捷键F12或Ctrl+Shift+I）
• 点击右上角的设置图标（⚙️）进入设置面板
• 切换到Preferences（偏好设置）选项卡
• 滚动到Elements区域，找到并勾选「Persist flexbox overlays upon page reload」（页面刷新后保留Flexbox覆盖层）选项

勾选完成后，无论刷新当前页面、导航到同站点其他页面，Flexbox覆盖层都会维持启用状态，直到你手动取消勾选或关闭该设置。

补充：若你的DevTools找不到该选项，建议将Chrome浏览器更新至最新稳定版，此功能在Chrome 90及以上版本已正式上线。

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