Tape
Measurement tools, rulers and grids
什麼是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 |
| 官方網址 | 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 |
| 電子郵箱 | [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": [
" | |
