Chrome DevTools 中的辅助线(测量元素)?

问题描述 投票:0回答:2

在 Firefox DevTools 中,如果我将鼠标悬停在任何 CSS 上,就会出现辅助线:

Auxiliary lines in Firefox

Google Chrome 中是否有设置可以获取此类辅助线?

google-chrome google-chrome-devtools firefox-developer-tools
2个回答
25
投票

正如 Kaiido 在评论中所说,打开 DevTools 窗口并转到“设置”→“元素”→“显示标尺”。


0
投票

添加旧帖子的答案,因为 Chrome Devtools 中的事物/UI 发生了变化,这是 Google 在搜索显示的规则/行时提供的第一篇帖子

转到“设置”->(第一部分)“首选项”-> 向下滚动到“元素”-> 选中“悬停时显示规则”复选框。

© www.soinside.com 2019 - 2024. All rights reserved.