Firefox 开发者工具将网页上的间距(例如内边距/边距)显示为彩色轮廓。我发现这真的很难真正看到，并且想知道是否可以恢复到 Firefox 开发人员工具过去使用的“ block 样式”？
我知道 Chrome 使用这种“ block 样式”，但我更愿意继续在 Firefox 中进行开发。
Firefox 开发者工具:
Chrome 开发者工具:
最佳答案
“ block 样式”(又名盒模型荧光笔)的显示为 controlled via the prefers-reduced-motion media query since Firefox 111 .
这意味着，如果您将操作系统设置设置为减少或避免运动，则荧光笔仅显示为元素周围的轮廓。
例如在 Windows 11 中，您可以 change that setting转到设置> 辅助功能> 视觉效果并切换设置动画效果。
进一步注意，in Firefox 113 the normal box model highlighters were brought back在“设置”面板中引入了“使用更简单的荧光笔和首选减少运动”选项(可通过 F1 或 DevTools 主菜单 >设置 访问)来在两个荧光笔版本。
关于firefox - 如何更改 Firefox 开发工具用于显示元素周围间距的突出显示？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/76034997/