PageRulerRedux

PageRulerRedux是一个Chrome的增强插件。它将像Sketch设计软件风格的标尺组件引入Chrome浏览器，满足了Web开发者在浏览器中测量元素水平高度的需求。这意味着开发者可以更准确地测量页面元素的大小，从而更有效地进行页面布局和设计。此外，它还提供了一些常用的Chrome调试工具，如窗口调整器、颜色标签等，这些工具可以帮助开发者更方便地进行调试和测试。

软件教程

使用方法

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

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

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

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

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

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

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

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

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

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

crx文件格式插件安装

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

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

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

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

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

软件特色

创建一个标尺以获得完美的网络元素像素测量值。

通过鼠标或箭头键拖动来调整标尺的大小。

设计师从标尺边缘引导以实现完美定位。

元素模式从网站获取和跟踪 HTML 元素的完美测量。

可调节颜色，可在深色和浅色网站上实现完美对比。

100% 永久免费。

托管在 github 和 gitlab 上的开源软件。

与山寨扩展不同，Page Ruler Redux 从来没有广告软件或恶意软件，作为一名网络开发人员，我每天都在使用它。

开放社区：想要新功能还是有想法？只需在 github 上填写一个问题，如果可能，我会处理它！