Reticle

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

Was ist Reticle?

Reticle ist eine Chrome-Erweiterung, die von https://billdami.com entwickelt wurde, und ihr Hauptmerkmal ist "Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot
screenshot

Reticle-Erweiterungs-CRX-Datei herunterladen

Laden Sie Reticle-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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                    

Grundlegende Informationen zur Erweiterung

Name Reticle Reticle
ID holbpikmjepcdgpfclodjljclfnpojak
Offizielle URL https://chromewebstore.google.com/detail/reticle/holbpikmjepcdgpfclodjljclfnpojak
Beschreibung Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.
Dateigröße 39.33 KB
Installationsanzahl 2,585
Aktuelle Version 1.0.1
Letztes Update 2014-07-02
Veröffentlichungsdatum 2014-07-02
Bewertung 4.71/5 Insgesamt 28 Bewertungen
Entwickler https://billdami.com
Zahlungsart free
Erweiterungswebsite https://github.com/billdami/reticle
Hilfeseite URL https://github.com/billdami/reticle/issues
Unterstützte Sprachen 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"
            }
        }
    }
}