Tapeとは何ですか？

TapeはRichard Tuckerによって開発されたChromeの拡張機能で、その主な機能は「Measurement tools, rulers and grids」です。

拡張機能のスクリーンショット

Tape拡張機能のCRXファイルをダウンロード

Tape拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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

Tape is a tool for pixel-perfect website development. It lets you put down guides that snap intelligently to the page content (and stick to it if it moves on scroll or resize), and helps you easily measure positions and sizes of elements. It knows about borders and padding, and will even snap to the baseline of text. There is on-screen help, the ability to display user-defined column and row grids, a built-in magnifying glass for pixel-perfect measurement, and all guides can be quickly toggled on and 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, or press Space to dismiss it.
Mouse over document, observe that rules snap to useful positions
(including baselines!), and use keys as follows:

H – drop Horizontal rule here (or remove if there's one here already)
V – drop Vertical rule here (or remove if there's one here already)
B - drop Both horizontal and vertical rules here
arrow keys – fine adjustment (+shift, +alt for larger adjustment)
S – toggle snapping on and off.
P – toggle pointer events on and off
O – set origin to current position.
C / R – set column or row grid
L or backquote – toggle loupe. (To refresh loupe image, press L twice.)
Space – toggle help

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

拡張機能の基本情報

名前	Tape
ID	jmfleijdbicilompnnombcbkcgidbefb
公式URL	https://chromewebstore.google.com/detail/tape/jmfleijdbicilompnnombcbkcgidbefb
説明	Measurement tools, rulers and grids
ファイルサイズ	11.44 KB
インストール数	20,000
現在のバージョン	2.1
最終更新日	2021-08-06
公開日	2018-05-30
評価	4.63/5 合計 155 レビュー
開発者	Richard Tucker
Eメール	[email protected]
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Tape", "version": "2.1", "manifest_version": 2, "description": "Measurement tools, rulers and grids", "icons": { "128": "tape128.png" }, "browser_action": { "default_icon": "tape19.png", "default_title": "Measure stuff" }, "background": { "scripts": [ "background.js" ], "persistent": false }, "permissions": [ "" ] }