guideLinr

Photoshop-like guide lines for any page

什麼是guideLinr?

guideLinr是由slobaum開發的Chrome擴展程式,該擴展的主要功能是“Photoshop-like guide lines for any page”。

擴展截圖

screenshot
screenshot
screenshot

下載guideLinr擴展crx文件

下載guideLinr擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        guideLinr provides rich, Photoshop-like guidelines for any page on the web.

With guideLinr, you can create vertical or horizontal guidelines that will persist by URL.  If you visit Google today and add guides, tomorrow they'll be back when you return.  Right click on any element to add guides on any edge (top, right, bottom, left, or all).

There are several different color options available, and the color of guides can be changed from the rich context menu available on each guide.

There is an integrated distance measurement tool that shows distance between your guides as you move them.  The measurements are now sticky so you can see them wherever you scroll.

guideLinr guides can be dragged with your pointer, or moved with your arrow keys for more precise alignment.  Hold Shift while you press arrow keys, and they move faster.

There's an optional "Snap to Element" feature to help align guides to your elements while dragging. There's also a "Snap To Grid" feature that helps create or align guides to a grid of your choosing.

The source for guideLinr is available here:  https://bitbucket.org/slobaum/guidelinr/overview                    

擴展基本資訊

名稱 guideLinr guideLinr
ID gpbpgpmnfkhkadopaeojaobkejiipgmb
官方網址 https://chromewebstore.google.com/detail/guidelinr/gpbpgpmnfkhkadopaeojaobkejiipgmb
簡介 Photoshop-like guide lines for any page
檔案大小 53.25 KB
安裝次數 730
目前版本 1.1.0
更新時間 2014-02-26
上架時間 2014-02-25
評分 4.08/5 共 24 次評分
開發者 slobaum
付費類型 free
擴展官網 https://bitbucket.org/slobaum/guidelinr/overview
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "guideLinr",
    "manifest_version": 2,
    "version": "1.1.0",
    "description": "Photoshop-like guide lines for any page",
    "icons": {
        "128": "images\/128.png",
        "64": "images\/64.png",
        "48": "images\/48.png",
        "32": "images\/32.png",
        "24": "images\/24.png",
        "16": "images\/16.png"
    },
    "permissions": [
        "tabs",
        "contextMenus",
        "http:\/\/*\/*",
        "https:\/\/*\/*",
        "*:\/\/*\/*"
    ],
    "browser_action": {
        "default_title": "guideLinr",
        "default_icon": "images\/16.png",
        "default_popup": "interface.html",
        "permissions": [
            "tabs",
            "http:\/\/*\/*",
            "https:\/\/*\/*"
        ]
    },
    "background": {
        "scripts": [
            "scripts\/guideLinr.background.js"
        ]
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "css": [
                "styles\/guideLinr.inject.css"
            ],
            "js": [
                "scripts\/jquery-1.10.2.min.js",
                "scripts\/guideLinr.inject.js"
            ]
        }
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
}