Reticle

Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.

什么是Reticle?

Reticle是由https://billdami.com开发的Chrome扩展程序,该扩展的主要功能是“Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.”。

扩展截图

screenshot
screenshot
screenshot
screenshot

下载Reticle扩展crx文件

下载Reticle扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        Report issues and submit suggestions on github (pull requests are also welcome!):

https://github.com/billdami/reticle

FEATURES
----------------------------------------
 * Inspired by the excellent Mac app, Crosshairs (http://giantcomet.com/crosshairs)
 * Super quick and easy to use, just click and drag anywhere on the page to draw an overlay, then move and resize it to your heart's content.
 * Lightweight and minimalistic UI
 * Use keyboard shortcuts to interact with the extension (see below for full list) 
 * Toggle between a primary and alternate overlay color
 * Customize the overlay colors and opacity/transparency

AVAILABLE SETTINGS (Right-click extension button > Options)
----------------------------------------
 * Primary overlay color (hex color value)
 * Alternate overlay color
 * Overlay opacity/transparency level

KEYBOARD SHORTCUTS
----------------------------------------
 * Ctrl/Cmd+Shift+X - Toggle extension (This can be customized in Extensions > Keyboard shortcuts)
 * Esc - Deactivate extension
 * Arrow keys - Move overlay
 * Shift+Arrow keys - Move overlay by 10px
 * Alt+Arrow keys - Resize overlay
 * Shift+Alt+Arrow keys - Resize overlay by 10px
 * Ctrl/Cmd+Up/Down - Increase/decrease overlay opacity
 * Tab - Toggle between primary and alternate overlay color
 * Delete / Backspace - Clear the current overlay

 CHANGELOG
----------------------------------------
v1.0.1 (June 14, 2014)
 * BUGFIX: Overlay resize handles were not being hidden when dragging a newly drawn overlay                    

扩展基本信息

名称 Reticle Reticle
ID holbpikmjepcdgpfclodjljclfnpojak
官方URL https://chromewebstore.google.com/detail/reticle/holbpikmjepcdgpfclodjljclfnpojak
简介 Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.
文件大小 39.33 KB
安装次数 2,585
当前版本 1.0.1
更新时间 2014-07-02
上架时间 2014-07-02
评分 4.71/5 共28次评分
开发者 https://billdami.com
付费类型 free
扩展官网 https://github.com/billdami/reticle
帮助页面URL https://github.com/billdami/reticle/issues
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Reticle",
    "version": "1.0.1",
    "manifest_version": 2,
    "description": "Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.",
    "options_page": "settings.html",
    "icons": {
        "16": "images\/icon-16.png",
        "48": "images\/icon-48.png",
        "128": "images\/icon-128.png"
    },
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": false
    },
    "permissions": [
        "activeTab"
    ],
    "browser_action": {
        "default_icon": {
            "19": "images\/browser-action-19.png",
            "38": "images\/browser-action-38.png"
        },
        "default_title": "Enable Reticle"
    },
    "commands": {
        "_execute_browser_action": {
            "suggested_key": {
                "default": "Ctrl+Shift+X",
                "windows": "Ctrl+Shift+X",
                "mac": "Command+Shift+X",
                "chromeos": "Ctrl+Shift+X",
                "linux": "Ctrl+Shift+X"
            }
        }
    }
}