Tape

Tape插件简介

Tape插件描述

[v2.0 fixes a bug where Tape will not install. Also adds nudging (with the arrow keys), removing the last dropped rule (with Z)  cosmetic changes.]

Tape is a tool f pixelperfect website development. It lets you put down guides that snap intelligently to the page content ( stick to it if it moves on scroll  resize),  helps you easily measure positions  sizes of elements. It knows about bders  padding,  will even snap to the baseline of text. There is onscreen help, the ability to display userdefined column  row grids, a builtin magnifying glass f pixelperfect measurement,  all guides can be quickly toggled on  off with a single keystroke.

Unlike some extensions it will not interfere with any webpage you visit unless you click the Tape icon.

Once installed:
  Click icon to activate. Read help,  press Space to dismiss it.
  Mouse over document, observe that rules snap to useful positions
  (including baselines!),  use keys as follows:

  H – drop Hizontal rule here ( remove if theres one here already)
  V – drop Vertical rule here ( remove if theres one here already)
  B  drop Both hizontal  vertical rules here
  arrow keys – fine adjustment (+shift, +alt f larger adjustment)
  S – toggle snapping on  off.
  P – toggle pointer events on  off
  O – set igin to current position.
  C / R – set column  row grid
  L  backquote – toggle loupe. (To refresh loupe image, press L twice.)
  Space – toggle help

  Press ESC to toggle everything on  off. Press X to reset all guides on a page.

Please leave feedback  send me suggestions at tape@reyet.com.

                                

Tape插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 TapeChrome插件v2.1版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决