Layout Pest Chrome extension icon

Layout Pest

👥 45 users
📦 v1.1
💾 37.01KiB
📅 2025-04-08
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

Layout Pest is a useful tool for web developers and designers that helps visualize and debug page layouts by adding colorful outlines to all HTML elements. This extension is inspired by the popular Pesticide extension.

Key Features:
• Instantly toggle colored outlines around all HTML elements on any webpage
• Interactive hover effects that highlight specific elements you're examining
• Detailed tooltip showing element information including:
- Element tag, ID, and classes
- Exact dimensions and position
- Margin, padding, and border values
- Z-index and display properties
- Complete CSS selector path
• Customizable outline thickness (1-5px)
• Badge indicator shows when the extension is active
• Zero impact on page performance when disabled

Perfect for:
• Frontend developers debugging layout issues
• Web designers checking element spacing and alignment
• CSS troubleshooting and development
• Teaching and learning about HTML structure
• Responsive design testing

Layout Pest is lightweight and easy to use. Simply click the extension icon to toggle outlines on any webpage, or use the context menu for additional options.

Privacy Note: Layout Pest operates entirely within your browser and doesn't collect any data or require any special permissions beyond what's needed to function.

Tags

Productivity/developer developer productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

This extension hasn't been security-scanned yet.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer