Page Ruler插件

Page Ruler是一款简单而实用的chrome页面区域测量工具，主要能对网页中板块的宽度、高度的像素大小进行测量或设定好固定大小来框选需要的区域测试其像素大小。在安装了这款插件后，使用者可以在页面中通过点击插件图标来启用插件功能，启用后页面上会出现一个工具栏，同时鼠标也会变成十字光标，用鼠标托选需要测量的区域即可了解该区域的面积大小，欢迎免费下载。

软件特点

1、显示从标尺边缘延伸出来的参考线；

2、手动更新标尺大小和位置，从工具栏进行精确更改；

3、启用“元素模式”，当您将鼠标移到页面上时，可以移动页面上的元素。

安装方法

谷歌浏览器安装方法

1、首先把需要安装的插件.crx后缀名改为rar，解压缩得到文件夹；

2、打开解压得到的文件夹，把里面的_metadata文件夹改名为metadata（去掉下杠）；

3、进入扩展程序中心，启用开发者模式（若已经开启“开发者模式”不用理会），加载正在开发的程序包，选择刚才解压的的文件夹就安装好了

其他浏览器安装方法

1、下载解压后，直接双击插件点击添加即可

使用方法

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

2、点击浏览器右上角的Page Ruler插件来启动屏幕尺子的功能。

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

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

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

插件功能

1、在任何页面上绘制一个标尺，并查看宽度，高度和顶部，底部，左侧和右侧位置。

2、拖动标尺的边缘以调整其大小。

3、使用箭头键移动和调整标尺尺寸。

4、显示从标尺边缘延伸的指南。

5、从工具栏手动更新标尺的大小和位置，进行精度更改。

6、启用“元素模式”以在您的鼠标移动到其上时勾勒出页面上的元素。

7、浏览父母，子女和兄弟姐妹元素的任何测量元素。