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。

 

快来下载体验吧~~

 

下载地址:

此处内容已经被作者无情的隐藏,请输入验证码查看内容:
验证码:
请关注本站公众号回复“验证码”,获取验证码。 【注】”在微信里搜索“不会笑青年”或者“laughyouth”或者微信扫描右侧二维码都可以关注微信公众号。
不会笑青年

小白学堂 » Page Ruler Redux|设计器标尺

就聊挣钱,一个带着你做副业的社群。

立即查看 了解详情