chrome page ruler插件v2.0.9官方版

Chrome页面标尺插件是一个屏幕标尺插件。当安装在你的谷歌浏览器上时，你可以随意测量页面标尺。立即下载此页面规则屏幕标尺插件。

插件概述

前端开发者经常需要做一些网页美术设计或者网页前台开发。对于某个元素的具体尺寸，像素的要求会更高，即使是我们普通用户上传图片或者进行其他操作的时候，那么如果我们想要知道某个图片或者网页的具体尺寸，最好的办法就是有一个在线的标尺，但是Chrome浏览器中的Page Ruler插件就是这样一个屏幕标尺。这个插件可以很好地集成到谷歌浏览器中。在Chrome中启动PageRuler插件可以与当前网页的屏幕无缝集成，这使得用户可以非常准确地测量一个元素或整个页面的大小。

插件功能

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

功能介绍

PageRuler屏幕尺插件是一个非常轻量级的屏幕尺插件，也可以为Chrome浏览器量身定制测量要求，让用户的测量结果更加精准。简单来说，PageRuler屏幕标尺插件就是画一个标尺，获取像素的大小和位置，测量任意网页上的元素。页面标尺允许您在任何页面上绘制标尺，并显示其宽度、高度和位置。

*在任何一页上画一把尺子，检查宽度、高度和上下左右位置

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

*使用箭头键移动标尺并调整其大小

*显示从标尺边缘延伸的参考线

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

*启用“元素模式”，当您将鼠标移动到页面上的元素上时，会将元素放在页面上

*父母、子女和兄弟姐妹通过任何元素进行测试

施用方式

1.打开待测网页，选择待测元素(或整个网页)。

2.点击Chrome右上角的页面标尺插件，启动屏幕标尺功能。

3.拖动鼠标画一个矩形，选择网页中要测量的元素(选中的部分会用阴影部分显示)。

4.通过屏幕上的页面标尺插件工具栏查看当前选定矩形大小的大小信息。

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

6.选择页面标尺插件测量元素时，所选元素会以阴影的形式存在于当前网页中，默认颜色为浅蓝色。但是，如果当前网页的颜色恰好是浅蓝色，用户很容易区分当前页面中的哪些区域被选中。此时，您可以单击页面标尺插件上方工具栏上的颜色按钮，选择一种更鲜艳的颜色作为所选区域的背景。

需要注意的事项

要使用本地网页，您需要在扩展标签支持中启用“允许URL访问文件”选项