Tape

Chrome浏览器插件下载和安装教程(图文讲解)
测量工具、尺子和网格

[v2.0 修复了无法安装 Tape 的错误。还添加了轻推(使用箭头键),删除最后删除的规则(使用 Z)和外观更改。]

Tape 是一种用于像素完美网站开发的工具。它可以让您放下与页面内容智能对齐的指南(并在滚动或调整大小时坚持下去),并帮助您轻松测量元素的位置和大小。它知道边框和填充,甚至会对齐文本的基线。有屏幕帮助、显示用户定义的列和行网格的能力、用于像素完美测量的内置放大镜,并且可以通过一次按键快速打开和关闭所有指南。

与某些扩展程序不同,它不会干扰您访问的任何网页,除非您单击磁带图标。

安装后:
点击图标激活。阅读帮助或 pss Space 以关闭它。
将鼠标悬停在文档上,观察规则捕捉到有用的位置
(包括基线!),并使用如下键:

H - 在此处删除水平规则(如果这里已经有,则删除)
V – 在此处删除垂直规则(如果这里已经有规则,则删除)
B - 在此处删除水平和垂直规则
箭头键 - 微调(+shift,+alt 进行更大的调整)
S – 打开和关闭捕捉。
P – 打开和关闭指针事件
O – 将原点设置为当前位置。
C / R – 设置列或行网格
L 或反引号 - 切换放大镜。 (要刷新放大镜图像,请 pss L 两次。)
空格 – 切换帮助

按 ESC 打开和关闭所有内容。按 X 重置页面上的所有指南。