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 |
| 官方URL | 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"
}
} | |
