glines chrome extension

Simple tool for easy markup testing with photoshop-like guides

什么是glines chrome extension?

glines chrome extension是由Eugene Zadorin开发的Chrome扩展程序,该扩展的主要功能是“Simple tool for easy markup testing with photoshop-like guides”。

扩展截图

screenshot
screenshot
screenshot

下载glines chrome extension扩展crx文件

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

扩展使用说明

                        This tool adds photoshop-like guides to the page that makes alignment of blocks easier.

How to use:
1. Click on plugin button at Chrome panel
2. Use dropdown menu or shortcuts to add lines
3. Move lines using mouse or keyboard arrows
4. Drag lines with Ctrl to clone them
5. Delete lines by double click, or remove all using menu

There are some predefined shortcuts:
1. Alt+V to add vertical line
2. Alt+H to add horizontal line
3. Alt+C to add crossline
4. Alt+S to show/hide lines

Release notes 

[Nov 23, 2015]
Small improvement: show/hide lines behavior is now more photoshop-like.

[Nov 09, 2015]
Now you can quickly show/hide guides using extension menu or "Alt+S" shortcut.

[Oct 30, 2015]
Now extension can ask to allow local files access.
Guide default style is totally photoshop-like.
Small bugfixes.                    

扩展基本信息

名称 glines chrome extension glines chrome extension
ID hplhjkmgokoamhihlfgaddljbippfeje
官方URL https://chromewebstore.google.com/detail/glines-chrome-extension/hplhjkmgokoamhihlfgaddljbippfeje
简介 Simple tool for easy markup testing with photoshop-like guides
文件大小 55.27 KB
安装次数 86
当前版本 0.0.8.3
更新时间 2015-11-23
上架时间 2015-11-23
评分 1.00/5 共2次评分
开发者 Eugene Zadorin
付费类型 free
扩展官网 https://github.com/eugenezadorin/glines-chrome-extension
帮助页面URL https://github.com/eugenezadorin/glines-chrome-extension/issues
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "glines chrome extension",
    "short_name": "glines",
    "version": "0.0.8.3",
    "description": "Simple tool for easy markup testing with photoshop-like guides",
    "author": "Eugene Zadorin",
    "homepage_url": "https:\/\/github.com\/eugenezadorin\/glines-chrome-extension",
    "icons": {
        "16": "images\/icon16.png",
        "32": "images\/icon32.png",
        "48": "images\/icon48.png",
        "128": "images\/icon128.png"
    },
    "permissions": [
        "tabs",
        "storage",
        "activeTab",
        ""
    ],
    "browser_action": {
        "default_title": "glines",
        "default_icon": "images\/icon48.png",
        "default_popup": "popup.html"
    },
    "options_ui": {
        "page": "options.html",
        "chrome_style": true
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/glines.js"
            ],
            "css": [
                "css\/glines.css"
            ]
        }
    ],
    "background": {
        "scripts": [
            "js\/events.js"
        ],
        "persistent": false
    },
    "commands": {
        "add-vertical-line": {
            "suggested_key": {
                "default": "Alt+V"
            },
            "description": "Add vertical line"
        },
        "add-horizontal-line": {
            "suggested_key": {
                "default": "Alt+H"
            },
            "description": "Add horizontal line"
        },
        "add-cross-line": {
            "suggested_key": {
                "default": "Alt+C"
            },
            "description": "Add cross line"
        },
        "show-hide-lines": {
            "suggested_key": {
                "default": "Alt+S"
            },
            "description": "Show\/hide lines"
        }
    }
}