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

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

发布者 : may

698

2020-01-27

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


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


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


Page Ruler Redux 插件

Page Ruler Redux

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 插件

Page Ruler Redux

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

下载

分享

全部评论

    展开更多评论

    扩展迷QQ交流群

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功