Page Ruler Redux,网页元素测量标尺,免费获得高度/宽度等信息
4151
2020-01-27
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”