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

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. 💻
直达下载
本站文章均为原创,版权归本站所有,如需转载或引用请注明出处如:“本文章转载自:

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

相关标签

上一篇:Bulk URL Opener插件,一键快速复制打开多个URL

下一篇:Timer 25极简计时,用番茄大法拯救拖延症晚期