Tape-网站前端设计工具

Tape 是用于像素完美网站开发的工具。它可以让您放下与页面内容智能对齐的指南(如果它在滚动或调整大小时会坚持下去),并帮助您轻松测量元素的位置和大小。

安装后

单击图标以激活。阅读帮助,或按空格键关闭它。
将鼠标悬停在文档上,观察规则是否对齐到有用的位置
(包括基线!),并按如下方式使用键:
H – 在此处放置水平线(如果此处已有水平线,则将其删除)
V – 在此处放置垂直规则(如果此处已有垂直规则,则将其删除)
B - 在此处放置水平和垂直规则
箭头键 - 微调(+shift,+alt 进行更大的调整)
S - 打开和关闭捕捉。
P – 打开和关闭指针事件
O – 将原点设置为当前位置。
C / R – 设置列或行网格
L 或反引号 – 切换放大镜。 (要刷新放大镜图像,请按两次 L。)
空间 - 切换帮助
按 ESC 键打开和关闭所有内容。按 X 重置页面上的所有参考线。
Tape-网站前端设计工具插图 Tape-网站前端设计工具插图1

插件说明

Tape 是用于像素完美网站开发的工具。它可以让您放下与页面内容智能对齐的指南(如果它在滚动或调整大小时会坚持下去),并帮助您轻松测量元素的位置和大小。它知道边框和填充,甚至会捕捉到文本的基线。有屏幕帮助、显示用户定义的列和行网格的能力、用于像素完美测量的内置放大镜,并且所有指南都可以通过一次按键快速打开和关闭。
与某些扩展程序不同,除非您单击“磁带”图标,否则它不会干扰您访问的任何网页。

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

Tape下载地址
Tape-网站前端设计工具插图2
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x