Page Ruler Redux|设计器标尺
Web开发人员\设计器标尺,用于获取完美的像素尺寸和位置以测量任何网页上的元素。
Page Ruler Redux是一个核心的Web开发人员和设计人员工具,可让您获得Web元素的像素完美度量,以进行网站前端开发,Web设计或获得任何Web元素完美像素度量所需的任何任务。
功能特点
创建标尺以获取Web元素的完美像素测量值。
通过鼠标或箭头键拖动来调整标尺的大小。
从尺子边缘的设计师指南为完美的定位。
元素模式从网站上获取和跟踪HTML元素的完美度量。
可调色,在黑暗和明亮的网站上可实现完美的对比。
100%永久免费。
托管在github和gitlab上的开源软件。
不同于山寨扩展,Page Ruler Redux从来没有广告软件或恶意软件,作为一名Web开发人员,我每天都会自己使用它。
开放社区:想要一个新功能或有一个想法吗?只需在github上填写一个问题,如果可能的话,我会努力解决!
键盘快捷键
一般捷径
Alt + P:启用/禁用页面标尺
工具栏输入
向上键:将值增加1
+ Shift:将值增加10
向下键:将值减小1
+ Shift:将值减小10
方向键:将标尺向任意方向移动1个像素
+ Shift:将标尺移动10像素
+ Ctrl:将标尺向外扩展1个像素
+ Shift + Ctrl:将标尺向外扩展10个像素
+ Ctrl + Alt:将标尺向内缩小1个像素
+ Shift + Ctrl + Alt:将标尺向内缩小10个像素
使用方法
将插件添加好后,打开想要测量数据的网页,在右上角插件列表中找到Page Ruler Redux并点击,之后进行框选就会在页面上方出现相关数据了。
重要提示
为了在本地`chrome`页面上使用扩展名,您需要在扩展名选项卡中启用“允许访问文件URL”选项。
如果您有任何疑问,想问一些新功能或希望报告一个错误,可以直接通过以下网址与我联系:https://github.com/Esteban-Rocha/page-ruler-redux/issues。
快来下载体验吧~~
下载地址: