什麼是glines chrome extension？

glines chrome extension是由Eugene Zadorin開發的Chrome擴展程式，該擴展的主要功能是“Simple tool for easy markup testing with photoshop-like guides”。

擴展截圖

下載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
ID	hplhjkmgokoamhihlfgaddljbippfeje
官方網址	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" } } }

glines chrome extension

什麼是glines chrome extension？

擴展截圖

下載glines chrome extension擴展crx文件

擴展使用說明

擴展基本資訊

相關的擴展