当将鼠标悬停在 Chromium 中 DOM 列表（“元素”选项卡）中的项目上时，它会在浏览器窗口中显示非常有用的叠加层：边距（橙色）、内边距（绿色）、边框（黄色）。当分别将鼠标悬停在“样式”窗口上时，所有这些都同样如此。 覆盖层还显示一个漂亮的工具提示，其中包含 X x Y 和类名称。
旁注：我不确定这是否可行，并且可能适用于所有 webkit 浏览器。
有什么办法可以使这个覆盖层变得粘性或永久，这样我就可以将鼠标从开发工具窗口移开并滚动页面，并且仍然看到相同的元素覆盖层突出显示？
到目前为止我还没有在谷歌或SO上找到并回答。
谢谢！
有一个名为 Pesticide 的 chrome 插件，也许会对您有所帮助。它会在所有框周围绘制边框，因此您将看到边距和填充。