如何在Chrome DevTools中启用标尺查看？
jth*_*ter 39 google-chrome google-chrome-devtools
Chrome DevTools之前提供了一个设置,用于在检查元素时显示标尺.它在视图的两侧有一个像素标尺,每个元素的边界线延伸了页面的完整视图.
它曾经在"DevTools设置/常规"中找到(我记得).不再有General部分,我在"DevTools设置/外观"中没有看到它.这已被移动或移除？我没有找到文件或讨论它.
Gid*_*zer 65
您可以在"元素"部分下的"DevTools设置">"首选项"中启用它.
- 好的,但是如何使用它,启用后我看不到任何标尺. (9认同)
- @BotondVajna我刚刚发现它们今天的位置,当你将鼠标悬停在元素面板中的一个元素上时它们是可见的,如果你问我,那就没用了. (6认同)
- 我不明白仅在悬停元素时才显示这些标尺的意义，因为元素的尺寸已经打印在方便的弹出窗口中。 (2认同)
- @DrLightman 我想说的是为了更好地辨别它们如何与页面上的其他元素对齐。我绝对发现它很有用。 (2认同)
Kay*_*ues 13
单击切换设备工具栏
在“ DevTools”窗口的左上方。单击更多选项，然后选择显示标尺。
标尺位于视口的左侧和上方。您可以单击数字以将宽度和高度设置为该大小。
- 如果此功能提供了拖出辅助线并进行测量的功能，那就太好了。有什么地方可以提出这个建议吗？ (4认同)
- 起初我想，哇，这是一个格式很好的答案，很漂亮的图像！然后我看到是谁发布的...先生：“ Chrome / DevTools的新增功能”！ (3认同)
| 归档时间： |
|
| 查看次数： |
32811 次 |
| 最近记录： |