如何在Chrome DevTools中启用标尺视图?

kyks70gy  于 2023-01-28  发布在  Go
关注(0)|答案(4)|浏览(404)

ChromeDevTools之前提供了一个在检查元素时显示标尺的设置。它在视图的两侧有一个像素标尺,每个元素的边界线延伸到页面的整个视图。
它曾经在“DevTools设置/常规”中找到(我记得)。现在不再有“常规”部分,而且我在“DevTools设置/外观”中也没有看到它。它是否已被移动或删除?我找不到有关它的文档或讨论。

b4lqfgs4

b4lqfgs41#

您可以在元素部分下的DevTools设置〉首选项中启用它。
要使用,打开控制台,悬停在一个元素上查看标尺。感谢@Brandito在评论中提到。

m0rkklqb

m0rkklqb2#

1.单击DevTools窗口左上角的切换设备工具栏


1.单击更多选项,然后选择显示标尺

标尺在 windows 的左上方。你可以点击数字来设置宽度和高度。

5fjcxozz

5fjcxozz3#

点击Chrome设置,然后:
1.在首选项下,启用DevTools并启用标尺。
1.转到您的页面并右键单击它,然后单击inspect。
1.单击切换设备工具栏图标(DevTools窗口左上角)。

6bc51xsx

6bc51xsx4#

在开发人员模式下,按Ctrl+Shift+P,然后键入Ruler

相关问题