如何在 Chrome 开发工具中每次刷新页面时保持 Flexbox 启用？

Question

Chrome devtools 有一个很好的选项来启用 Flexbox 覆盖，这样我就可以看到布局。但每次刷新页面时，所有选项都会被重置。有没有办法让 Flexbox 选项保持启用状态，直到我禁用它们为止？

Answer 1

我在尝试寻找另一个问题的答案时发现了您的问题：打开开发人员工具时如何删除某些元素周围随机颜色的奇怪虚线边框？从来不知道 chrome 有这个功能。

回答你的问题，看起来 Flexbox 覆盖层是为那些包含在初始 html 中的元素保留的。一旦元素被删除（或在页面加载时尚未添加），它就会从列表中消失，当它再次出现时，复选框将被取消设置。

Answer 2

Chrome devtools 是一个操作 DOM 进行实验的工具，无需实际更改源代码。因此，任何更改都不会被存储。因此，当您刷新页面时，DOM 将从页面源再次构建。这样，弹性盒选项也将被重置。