ขนาดตรวจสอบ | กริดแมน
Extension Actions
- Extension status: Featured
- Live on Store
มีดกองทัพสวิสสำหรับนักพัฒนาส่วนหน้า
Gridman เป็นส่วนขยายของ Chrome ที่ต้องมีสำหรับนักพัฒนาฝั่งหน้าทุกคน ชุดเครื่องมือนี้ถูกออกแบบมาเพื่อเพิ่มผลิตภาพของคุณและเพิ่มประสบการณ์การเขียนโค้ดของคุณ
การตรวจสอบ DOM
ตรวจสอบองค์ประกอบ DOM ทันที เพียงฝากเมาส์เพื่อเปิดเผยรายละเอียดของเป้าหมายและองค์ประกอบหลักของมัน ทำให้ความวิเคราะห์และกระบวนการแก้ปัญหาของคุณง่ายขึ้น
คงที่
Gridman ถือสิ่งนี้เฉพาะเจาะจงระหว่างการโหลดโฮสต์ คลิกที่องค์ประกอบและรักษาราคาของคุณไว้แม้หลังจากรีเฟรชหน้า เพื่อประหยัดเวลาและความพยายาม
TAILWIND
นักพัฒนา Tailwind ขอให้ยินดี! ตรวจสอบชุดคลาสและดูว่า Tailwind CSS นำดีไซน์ของคุณมาสู่ชีวิต
เค้าโครง
ไม่ว่าคุณจะทำงานกับ CSS Grid หรือ Flexbox Gridman จะแสดงแถว คอลัมน์ ขอบเขต ระยะขอบและอื่นๆ ทำให้เข้าใจและจัดการโครงสร้างที่ซับซ้อนได้อย่างง่ายดาย
ทุกที่
แค่คลิกไอคอนส่วนขยายเพื่อเปิดใช้เครื่องมือนี้บนหน้าเว็บใดๆ
ฮอเวอร์
เปิดเผยความซับซ้อนของโครงสร้าง DOM ด้วยการโยนเมาส์โดยง่าย มองเห็นและเข้าใจว่าองค์ประกอบถูกฝังและเกี่ยวข้องกันอย่างไร
ร่วม
ด้วย Gridman คุณไม่เพียงแค่ใช้เครื่องมือ คุณกำลังอัปเกรดกระบวนการพัฒนาของคุณโดยรวม ดาวน์โหลดตอนนี้และสัมผัสการปฏิวัติในการพัฒนาฝั่งหน้าของคุณ!
รีวิว
ประสบการณ์ของคุณกับ Gridman มีความสำคัญกับฉันมากๆ หากคุณพบว่ามันเป็นประโยชน์ ฉันจะดีใจมากหากคุณสามารถใช้เวลาสักครู่ในการแบ่งปันความคิดของคุณในรีวิว ความคิดเห็นของคุณไม่เพียงช่วยในการปรับปรุง แต่ยังช่วยนักพัฒนาคนอื่นในการค้นพบประโยชน์ของส่วนขยายนี้ ขอบคุณสำหรับการสนับสนุนและสำหรับการเป็นส่วนสำคัญของชุมชน Gridman!
ไม่ทำงาน
หากมีบางสิ่งที่ไม่ทำงานตามที่คาดหวัง ฉันขอให้คุณพิจารณาการติดต่อกับคำถามหรือปัญหาใด ๆ ที่คุณอาจมี ฉันเข้าใจว่ารีวิวแต่ละรีวิวไม่ว่าจะเป็นบวกหรือลบ ให้โอกาสให้ฉันเรียนรู้และปรับปรุง อย่างไรก็ตามฉันยังเชื่อในความสำคัญของการเข้าใจและแก้ไขปัญหาใด ๆ ผ่านการสื่อสาร อย่าลังเลที่จะถามอะไรที่: https://fenvox.com/gridman#ask-section ฉันอยู่ที่นี่เสมอ!
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.