Kiểm tra kích thước | Người lưới
Extension Actions
- Extension status: Featured
- Live on Store
Con dao quân đội Thụy Sĩ dành cho các nhà phát triển front-end
Gridman là tiện ích mở rộng Chrome không thể thiếu đối với mọi nhà phát triển front-end. Bộ công cụ này được thiết kế để tăng hiệu suất làm việc của bạn và nâng cao trải nghiệm lập trình của bạn.
KIỂM TRA DOM
Kiểm tra ngay lập tức các thành phần DOM. Chỉ cần di chuột qua để tiết lộ chi tiết về mục tiêu và các thành phần cha của nó, giúp đơn giản hóa quá trình phân tích và gỡ lỗi của bạn.
CỨNG NHẤT
Gridman duy trì thông tin độc đáo giữa các lần tải lại máy chủ. Nhấp vào một thành phần và duy trì kiến thức của bạn ngay cả sau khi trang web đã được làm mới, tiết kiệm thời gian và công sức quý báu của bạn.
TAILWIND
Những người phát triển Tailwind, hãy vui mừng! Dễ dàng kiểm tra các tập hợp lớp và xem cách Tailwind CSS đang biến thiết kế của bạn trở nên sống động.
BÀI TRÌNH BÀY
Cho dù bạn đang làm việc với CSS Grid hoặc Flexbox, Gridman hiển thị hàng, cột, lề và nhiều thông số khác. Hiểu và điều chỉnh bố cục phức tạp một cách dễ dàng.
BẤT CỨ NƠI ĐÂU
Chỉ cần nhấp vào biểu tượng tiện ích mở rộng để kích hoạt bộ công cụ này trên bất kỳ trang web nào.
DI CHUYỂN CHUỘT
Tiết lộ sự phức tạp của cấu trúc DOM chỉ cần di chuột qua. Hình dung và hiểu cách các thành phần được lồng ghép và liên quan đến nhau.
THAM GIA
Với Gridman, bạn không chỉ sử dụng một công cụ; bạn đang nâng cấp toàn bộ quy trình phát triển của bạn. Hãy tải ngay bây giờ và trải nghiệm cuộc cách mạng trong hành trình phát triển front-end của bạn!
NHẬN XÉT
Kinh nghiệm của bạn với Gridman quan trọng đối với tôi. Nếu bạn thấy nó hữu ích, tôi sẽ rất biết ơn nếu bạn dành một chút thời gian để chia sẻ ý kiến của bạn trong một bài đánh giá. Phản hồi của bạn không chỉ giúp cải thiện mà còn giúp các nhà phát triển khác khám phá các lợi ích của tiện ích mở rộng này. Cảm ơn bạn đã ủng hộ và đã là một phần quan trọng của cộng đồng Gridman!
KHÔNG HOẠT ĐỘNG
Nếu có điều gì đó không hoạt động như mong đợi, tôi xin lời mời bạn xem xét việc liên hệ với bất kỳ câu hỏi hoặc vấn đề nào bạn có thể gặp phải. Tôi hiểu rằng mỗi bài đánh giá, dù tích cực hay tiêu cực, đều cung cấp cho tôi cơ hội học hỏi và cải thiện. Tuy nhiên, tôi cũng tin vào sự quan trọng của việc hiểu và giải quyết mọi vấn đề thông qua giao tiếp. Xin đừng ngần ngại hỏi tôi bất cứ điều gì tại: https://fenvox.com/gridman#ask-section. Tôi luôn ở đây để hỗ trợ bạn!
TẬP TIN CỤC BỘ
Bạn đang thử nghiệm nó đối với tập tin cục bộ như 'file:///...' - nhưng không có gì xuất hiện?
TRẢ LỜI: Gridman, giống như bất kỳ tiện ích mở rộng Chrome nào, sẽ không hoạt động trên tập tin cục bộ. Chrome không cho phép điều này vì lý do bảo mật. Và đó là chính xác. Bạn có thể tưởng tượng hệ quả nếu bất kỳ tiện ích mở rộng Chrome nào có thể truy cập vào hệ thống tệp trên máy tính của bạn. Để sử dụng Gridman trên tệp cục bộ, tôi sẽ đề xuất sử dụng một máy chủ HTTP nhỏ mà bạn có thể lấy tại đây: 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.