Page Ruler Redux屏幕尺子(网页尺子插件) v1.2.0 免费版

Page Ruler Redux是一款超实用的免费网页尺子插件，版本为1.2.0。它能帮用户精确测量网页元素尺寸，堪称网页设计与开发的利器。

我很喜欢它的多尺子功能。以往制作网页时，我需不断调整元素大小并对比，相当繁琐。有了它，我能同时创建多个尺子测量不同元素，快速知晓各元素间的尺寸关系，大大提高了设计效率，让页面排版更精准。

软件特色

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

功能介绍

1.画一把尺子到任何页面，并查看宽度，高度和顶部，底部，左，右位置

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

3.使用箭头键移动和调整标尺的大小

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

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

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

7.点击Chrome右上角的chrome尺子插件来启动屏幕尺子的功能。

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

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

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

基本简介

前端开发人员需要经常做一些网页美工或者是网页前台开发，对于某一个元素的具体尺寸，像素的要求会比较高，即使我们普通用户在上传图片或者其他操作时也会有这样的需求，希望能够知道某个图片或者网页的具体大小尺寸的话，最好的方法有一把在线的尺子，而是一款Chrome浏览器中的chrome尺子插件就是这样一款屏幕尺子。这款插件可以很好地集成到谷歌浏览器中，在Chrome中启动PageRuler插件可以与当前网页的屏幕无缝地集成到一起，可以使得用户非常精确地测量出当前页面某个元素或者是整个页面的大小尺寸。

使用方法

方法一：.crx文件格式插件安装

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。

5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。

方法二：文件夹格式插件安装

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。