Layout Grid for browser
You can set Layout Grid like design tools.
什麼是Layout Grid for browser？
Layout Grid for browser是由hanzochang開發的Chrome擴展程式，該擴展的主要功能是“You can set Layout Grid like design tools.”。
擴展截圖
下載Layout Grid for browser擴展crx文件
下載Layout Grid for browser擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
Layout Grid for browser:
It is an extension that allows you to lay out a LayoutGrid in your browser like a design tool, for instance, Figma, Sketch, Photoshop, and Illustrator.
And it provides you a high-performance ruler tools.
It is useful for marking up HTML, checking a design, and analyzing any other reference sites.
Recommended for such occasions:
Markup, Designing, Quality assurance.
Features:
- Layoutgrid can be laid out by setting a gap to an arbitrary width.For example, 8px, 16px, 24px...etc. in multiples of 8. For example, a multiple of 10...
- You can immediately start up and measure the number of pixels.
- Simply roll over a line to instantly check the number of pixels
- You can immediately launch the extension by simply clicking on the extension button.
- Once a guide is created, it can be saved as a URL.
- The color of the guide can be changed freely.
- The transparency of the guide can be changed freely.
- The angle of the guide can be changed freely, even to a 45-degree angle. 擴展基本資訊
| 名稱 |  Layout Grid for browser |
| ID | bbdnijijeinpiofenalkidmomaibgcno |
| 官方網址 | https://chromewebstore.google.com/detail/layout-grid-for-browser/bbdnijijeinpiofenalkidmomaibgcno |
| 簡介 | You can set Layout Grid like design tools. |
| 檔案大小 | 952 KB |
| 安裝次數 | 725 |
| 目前版本 | 1.0.2 |
| 更新時間 | 2023-03-28 |
| 上架時間 | 2022-09-04 |
| 評分 | 4.00/5 共 1 次評分 |
| 開發者 | hanzochang |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 擴展官網 | https://hanzochang.com/ |
| 說明頁面URL | https://hanzochang.com/ |
| 隱私政策頁面URL | https://turquoise-keeper-45e.notion.site/d377a9c044484f58a3f5c785525537a7 |
| 支援的語言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"short_name": "layout Grid",
"name": "Layout Grid for browser",
"description": "You can set Layout Grid like design tools.",
"version": "1.0.2",
"manifest_version": 3,
"action": {
"default_title": "LayoutGrid"
},
"background": {
"service_worker": ".\/static\/js\/serviceWorker.js"
},
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"js": [
".\/static\/js\/content.js"
]
}
],
"permissions": [
"storage"
],
"icons": {
"16": "layoutgrid_16x16.png",
"48": "layoutgrid_48x48.png",
"128": "onLayoutgrid_128x128.png"
}
} | |
