Page-Ruler(chrome页面测量小标尺插件) v2.0.9 最新版

Page-Ruler是基于chrome推出的一款页面测量标尺，可以通过鼠标画矩形的方式测量当前页面的宽度、高度和位置，拖动鼠标调整大小和尺寸，小编还带来了详细的使用教程，有需要的朋友可以下载！

软件特点

*绘制标尺到任何页面，并查看宽度，高度以及顶部，底部，左侧和右侧的位置

*拖动标尺的边缘来调整它的大小

*使用箭头键移动和调整标尺尺寸

*显示从标尺边缘延伸的指南

*从工具栏手动更新标尺的大小和位置以进行精确更改

*将鼠标移动到页面上时，启用“元素模式”以勾勒页面上的元素

*浏览任何测量元素的父母，孩子和兄弟元素

Page-Ruler使用方法

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

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

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

4.在启动Page Ruler插件以后,用户会看到当前的网页屏幕中会出现几个细线,其中阴影部分就是被Page Ruler插件选中的测量部分,在Page Ruler插件的右上角或显示该插件的测量的详细结果,用户也可以通过拖动这些细线来调整待测区域的大小,或者是拖动阴影区域来选择不同的测量元素。

使用说明

1、Alt+P快速打开Page-Ruler

2、方向键移动1像素，方向键+shift可以移动10像素。

3、方向键+ctrl可向外扩展1像素，方向键+ctrl+shift可向外扩展10像素。

4、方向键+ctrl+alt可向内收缩1像素，方向键+ctrl+shift+alt可向内收缩10像素

5、可以打开“元素选择模式”，以便自动查找某个元素，并自动吸附，如下图。(前端狗适用)

如果想在本地文件中使用此插件，则必须要在chrome的扩展程序页(chrome://extensions/)找到Page-Ruler并将“允许访问文件网址”勾选上才可以。如下图