尺寸检查 | Gridman
Extension Actions
CRX ID
cmplbmppmfboedgkkelpkfgaakabpicn
Status
- Extension status: Featured
- Live on Store
Description from extension meta
前端开发人员的瑞士军刀
Image from store
Description from store
Gridman 是每个前端开发者必备的 Chrome 扩展程序。这套工具包旨在提升您的工作效率，改善您的编码体验。
DOM 检查
立即检查 DOM 元素。只需悬停即可显示目标及其父元素的详细信息，简化您的分析和调试过程。
持久性
Gridman 独特地在主机重载之间持久存在。点击一个元素，即使在页面刷新后也能保持您的洞察力，节省您宝贵的时间和精力。
Tailwind
Tailwind 开发者们，欢呼吧！轻松检查类集，看看 Tailwind CSS 如何使您的设计栩栩如生。
布局
无论您是在使用 CSS Grid 还是 Flexbox，Gridman 都会显示行、列、内边距、外边距等等。轻松理解和操纵复杂的布局。
任何地方
只需点击扩展程序图标，即可在任何网页上激活这个工具包。
悬停
仅通过鼠标悬停，就能揭示 DOM 结构的复杂性。可视化理解元素是如何嵌套和关联的。
加入
使用 Gridman，您不仅仅是在使用一个工具；您正在升级您的整个开发过程。立即下载，体验您的前端开发之旅的革命性变革！
评审
Gridman 对您的体验对我来说非常重要。如果您发现它有帮助，我将非常感激您能花一点时间分享您的想法。您的反馈不仅有助于改进，还有助于其他开发人员发现这个扩展的好处。感谢您的支持，并成为 Gridman 支持者的重要一部分！
不工作
如果有什么没有按预期工作，我恳请您考虑提出任何疑问或问题。我理解每一条评价，无论是正面还是负面，都为我提供了学习和改进的机会。然而，我也相信通过沟通了解和解决问题的重要性。请随时在此向我提问：https://fenvox.com/gridman#ask-section。我始终在这里协助您！
本地文件
您是否尝试将其应用于像 'file:///...' 这样的本地文件 - 但没有显示任何内容？
回答：Gridman，像任何 Chrome 扩展一样，不会在本地文件上工作。出于安全原因，Chrome 不允许这样做。这是正确的。您可以想象如果任何 Chrome 扩展能够访问您计算机上的文件系统，将会带来什么后果。
要在本地文件上使用 Gridman，我建议使用一个微型 http-server，您可以在此处获取 https://www.npmjs.com/package/http-server
Latest reviews
- Production
- works perfect with css grid inspections. Love that it's showing grid areas labels!
- Nick Son
- All our team uses it. It's a game-changer for quick inspection.
- Miranda Is Freaking Cool
- good find
- AmeriQanFox
- Debugging and designing responsive layouts. It's very intuitive.
- Amelia Clark
- Solid tool, though I wish it offered more features like SEO, CSS overwrites, etc.
- Tanzim Islam
- Love how it simplifies working with CSS frameworks. It's a must-have tool for developers.
- Free Fire
- ease of use and powerful features. five stars!
- Dirk A
- offers useful features, but I've had some issues with performance. Hoping for future updates to address this.
- Ali Ahmed
- If you're not using Gridman, you're blind with your pages. This thing makes inspecting elements so easy.
- Andres Jara
- Decent, but sometimes it gets a bit glitchy with the DOM stuff. Worth it, but yeah, they need to patch it up.
- Lasse Strum
- Love it's dark mode. Everything's better in dark mode, right? )
- Danielah Jackson
- Never thoght that there is such helpful extension, but saw couple minor bugs, will message support.
- Emmanuel Jet kollie
- Gridman is awesome for front-end work. Gotta try it to see
- Charlie D
- Straightforward and fulfills my requirements. Assists in aligning elements.
- Logan Frank
- The simplicity and power of Gridman are unmatched for years
- Somir Islam
- I like the aspect ratio and pixel sizes. Needles to say that turning on and of layers is great.
- Allen C. Warren
- Really cool! using it daily now
- Tony Tucker
- Simple to use, does its job
- Nour Zain
- Works well
- Dakota Catellier
- Developers, please add responsive screens view. Other than this it's good
- Robert D
- Pinning the element is a game changer
- Brianna Halker
- Best tool for my web development class. Students actually see their projects layouts
- Umut Arak
- Can't imagine my development process without Gridman now. It's like having a Swiss army knife for all my coding needs. Using it for over 3 years. Great work!
- Olivia Fontaine
- best CSS Grid highlighter I found
- Anthony M. Blankenship
- Essential for anyone working with complex layouts. The visualization of CSS Grid and Flexbox is spot on.
- Isabella Linville
- Love the visualization of CSS Grid and Flexbox. really helpful!
- TigerShark PVP
- The layout visualization is great
- Suzanne Mackenzie
- Not working with my personal website. Hoping for updates to address these issues.
- BayIsTheDay
- This extension is a lifesaver. The way it shows Tailwind classes is awesome. Highly recommended!
- Judith Tighe
- works. good find
- John Partridge
- Gridman is great, but I've encountered a few cases where it didn't work. The developers are responsive, though, so I'm hopeful for improvements.
- Madison Gonzales
- Absolutely love it! It has completely transformed my front-end development workflow. The inspection feature is a game-changer for debugging.
- jayasaivenkatesh gopi
- not working
- Jamie Ridding
- Was a nice tool for website development, but a recent update has started breaking flexbox/grid styles on every webpage I visit. Does so by injecting the full Tailwind stylesheet into every single webpage you visit. Spent four hours trying to hunt down the reason many webpages with flexboxes/grids didn't display properly, turning off this extension fixed the problem immediately. Removed from my browser until this is fixed.
- John Alexander Barreto Diaz
- No muestra absolutamente nada no me sirve para los desarrollos pesimo servicio
- Louis Shine
- sounds cool. not responding. no guidness. wasted my time.
- Louis Shine
- sounds cool. not responding. no guidness. wasted my time.
- Mitchell McPhee
- Amazing extension, helps me out a bunch! I use it ever-day and it works as advertised!
- Mitchell McPhee
- Amazing extension, helps me out a bunch! I use it ever-day and it works as advertised!
- Chandrashekar B S
- Very helpful extension for designing my websites. Thank you
- Chandrashekar B S
- Very helpful extension for designing my websites. Thank you
- Eduardo Mejia
- no me muestra nada, la ayuda no contiene nada, no existe algún video de apoyo, en general no me gusto, la voy a desinstalar.
- Андрей Кобзарь
- Еще бы лучше было, если бы при наведении на каждый из элементов внутри контейнера показывались id и class этих элементов.
- deni rachmadi
- wow thanks man for this extensions. do help on my work, anyway nice if we can see the width or heights when hovering.
- deni rachmadi
- wow thanks man for this extensions. do help on my work, anyway nice if we can see the width or heights when hovering.
- Anonymous
- Unfortunately this plugin only seems to work on like a quarter of pages/elements I hover over.
- German Duterte
- W0W! it helps me a lot
- German Duterte
- W0W! it helps me a lot
- Дмитрий Макаров
- Крутое расширение!!!
- Ed Garzaro
- Worked right out of the box and super easy to use. I want to love Firefox but Chrome is so fast. Thank you for the alternative.