Page Ruler Redux，网页元素测量标尺，免费获得高度/宽度等信息

Page Ruler Redux，是一个可以测量任意网页元素并获得尺寸等信息的浏览器插件。

当你想要复用网页上的某个模块时，除了通过右键审查元素来获取模块信息外，也可以通过网页测量工具来更加灵活地获取元素信息。

网页元素测量工具我们之前介绍过Page Ruler插件，相比较，Page Ruler Redux插件的页面展示色彩更加丰富，视觉冲击更强。

Page Ruler Redux

开发者工具插件2021-12-214.5

A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page. 💻

直达下载

下载安装

首先，需要先安装Page Ruler Redux插件。

通过当前页面下载Page Ruler Redux离线安装包，打开扩展程序内的开发者模式，将解压后的crx文件拖拽至扩展程序管理，选择添加扩展，即可安装成功。

功能及使用

开启一个新的web页面，并单击浏览器工具栏中的Page Ruler Redux图标。

当前页面顶部则创建出元素展示框以获取Web元素的测量值，包含：宽度、高度等信息。

通过左键任意框选出一个区域，顶部元素框则立马显示出选中区域的准确数值。

你可以通过鼠标或箭头键拖动来调整标尺（测量区域）的大小。

也可以通过直接更改元素数值来调整标尺边缘，让选框达到完美的定位。

如果默认的标尺蒙层和网页底色有重叠，你也可以通过Color来自定义蒙层颜色，让标尺和网页形成明确的对比，更方便使用者精确标尺位置。

通过开启“Border Search”，选中区域会出现上下左右调整指向按钮，你可以直接单击指向标来调整标尺的大小和位置。

你可以通过Alt + P来启用或者禁用页面标尺。

Page Ruler Redux插件免费且不含广告，是一款核心的Web开发人员和设计人员工具。

Page Ruler Redux

开发者工具插件2021-12-214.5

A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page. 💻

直达下载