Design Grid Overlay

开发者工具插件用户量: 30000大小: 0.81MiB版本: v 1.0.1更新时间: 2017-07-25
用户量:30000大小:0.81MiB版本:v 1.0.1更新时间:2017-07-25

This extension displays grid and measurement overlays for a design grid system. It is configurable to fit many design scenarios

Design Grid Overlay 的使用方法详解,最全面的教程


Design Grid Overlay 描述:

用户数:30000

分类:开发者工具插件

扩展大小:0.81M

最后更新时间:2017-07-25

版本:v 1.0.1


Design Grid Overlay 插件简介:

这是来自Chrome商店的 Design Grid Overlay 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。


Design Grid Overlay插件下载方法/流程:

点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。


Design Grid Overlay插件安装教程/方法:

(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件

(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,

完成安装如有其它安装问题,

请扫描网站底部二维码与客服联系如有疑问请参考:

https://www.extfans.com/installation/
Using a design grid is an established way to create visual harmony and rhythm across an entire piece of visual media, especially a website. This design grid plugin can be configured to work with many popular grid systems including Bootstrap, Skin, Pure, Susy, Foundation, and many more. This extension lets you enter a grid specification of columns, gutters, and widths, and then display grid guides and element measurements to align the content on your page. v1.0.1 - bug fix for grid settings v1.0.0 - Added keyboard shortcuts. Added the ability to use shift + click or shift + up/down to adjust values by 10 instead of 1. v0.5.2 - Added horizontal lines v0.5.1 - Fixed bug where the large Grid toggle button was not clickable after a recent Chrome browser update. v0.5.0 - Added Content Width Labels in the Report tab, which show the content width (inner width, without borders or padding) of any elements using a CSS selector. This feature can be useful in customizing your CSS media queries and grid-aligned containers to ensure proper minimum and maximum sizing, regardless of screen size.

相关应用

브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Расширение позволяет использовать КриптоПро ЭЦП Browser plug-in в браузере. Для работы требует установленного ЭЦП Browser plug-in.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 82762bea5 on 3/10/2022.
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
POSTMAN CHROME IS DEPRECATED DOWNLOAD THE UPDATED POSTMAN NATIVE APPS Postman Chrome is deprecated and is missing essential, new…
EditThisCookie是一个cookie管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies!
The Facebook Pixel Helper is a troubleshooting tool that helps you validate your pixel implementation.
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
back top top
back top top