chrome像素尺子插件Page Rule

Posted 2021-06-23 茶沐书香

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具，前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速测量出当前页面中某个元素大小尺寸的Chrome插件，在Chrome中安装了Page Ruler插件以后，可以点击浏览器右上角的Page Ruler插件在任何页面中启动它来测量相关的元素大小。

功能介绍：

*画一把尺子到任何页面，并查看宽度，高度和顶部，底部，左，右位置
*拖动标尺的边缘来调整它的大小
*使用箭头键移动和调整标尺的大小
*显示从标尺边缘延伸的指南
*手动更新标尺的大小和位置，从工具栏上进行精确的更改
*启用“元素模式”来在页面上的元素，当你移动你的鼠标在他们
*通过任何被测元素的父母，孩子和兄弟姐妹

使用方法：

1.打开一个待测网页，选择到将要测量的元素（或者是整个网页）。

2.点击Chrome右上角的Page Ruler插件来启动屏幕尺子的功能。2018-08-20

3.拖动鼠标画出一个矩形来选中网页中的待测元素（其中选中的部分会以阴影部分表现出来）。

4.通过屏幕上面的Page Ruler插件工具条来查看当前选中的矩形大小的尺寸信息。

5.如果信息不符合要求，也可以选择屏幕上面的间距输入框来手动微调选中元素的位置。