Page-Ruler是一款免费的网页测量标尺Chrome插件。等您安装完毕之后，您就可以通过鼠标画矩形的方式测量该范围在当前页面的宽度和高度了，并且插件还可以为您测量页面元素的尺寸大小，操作非常的方便。

Page-Ruler使用说明

1、下载这款压缩包，解压文件，拿出crx文件拖入浏览器的【chrome://extensions/】界面添加；

2、插件安装完毕之后会自动跳转到感谢使用界面，您可以直接点击浏览器右上角的插件图标打开该插件。

3、当你打开该插件之后再网页界面的上方会出现一个横条，这里面有6个数值，依次是宽度、高度、以及鼠标画出的矩形框相对于浏览器的位置。位置一共有左、上、右、下这四个位置。

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并将“允许访问文件网址”勾选上才可以。如下图

Chrome插件