在 chrome 开发工具/firebug 中保留 DOM 元素突出显示
Posted
技术标签:
【中文标题】在 chrome 开发工具/firebug 中保留 DOM 元素突出显示【英文标题】：Preserve DOM element highlighting in chrome dev tools / firebug 【发布时间】：2012-05-12 16:57:12 【问题描述】：有没有办法保留高亮显示 DOM 元素的 boxmodel 属性（宽度、边距、填充、边框）？我正在尝试在调整窗口大小时检查元素的行为，以便永久查看测量结果。
感谢 Chrome 开发者工具和 Firebug (Firefox) 的解决方案！
【问题讨论】：
【参考方案1】：这对于 Chrome DevTools 是不可能的，但您可以在调整窗口大小时打开 Elements 面板右侧的 Metrics 窗格来监控内容区域/填充/边框/边距。
【讨论】：
我们现在是 2021 年。这还不可能吗？以上是关于在 chrome 开发工具/firebug 中保留 DOM 元素突出显示的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 Firebug 和 Chrome 开发工具在不同的媒体查询中调试 css？
在 Firebug 或 Chrome DevTools 中检查悬停状态
Chrome 的开发工具是不是有类似 Firebug 的 JSON 浏览器？
如何在 Chrome 开发者工具或 Firefox 的 Firebug 中验证 XPath 表达式？