Outline HTML Elements

5.0 (

6 ratings

)

Extension Developer Tools 1,000 users

Item media 2 (screenshot) for Outline HTML Elements

Item media 1 (screenshot) for Outline HTML Elements

Overview

Outline HTML elements with a colorful border without affecting the layout to inspect website structure.

Outline HTML elements without affecting the layout to inspect the structure of websites and debug CSS. Features: 📐 Press and hold the key-bind to show the outline of HTML elements. ⚙️ Customizable key-bind in the extensions menu. 🎨 Choose outline colors for each HTML element individually. 🔄 No layout changes to the website. 👍 Lightweight and does not affect the performance of the browser. 📖 The extension is open-source and free to use. 🚫 The extension does not track any user data. 📺 The extension is free of ads. This extension is free and open source: https://github.com/maxontech/outline-html-elements This extension is developed and maintained by Max: https://www.maxrohowsky.com/

5 out of 5 6 ratings
Learn more about results and reviews.

Details

Version

1.0.4
Updated

March 31, 2025
Flag concern
Offered by

maxontech
Size

49.84KiB
Languages

English
Developer

Email

maxdevthings@gmail.com
Non-trader

This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

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

HTML & CSS Design Analysis

5.0

Helps you analyze an HTML page by disabling or enabling various features.

DOM Outliner

0.0

Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.

Quick Inspect Element

4.2

Quickly inspect HTML elements with a simple mouse hover.

Outliner CSS

5.0

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

Only HTML

5.0

Allow only HTML (and inline CSS & images) to render. Block all other content types like images, scripts, web fonts etc.

Inspect CSS

4.8

The easiest way to inspect and edit CSS

Pesticide - Advanced CSS Debugger

4.9

Not only inserts outlines (without background color) on all elements, but also inspects size and layout. CSS is awesome!

Element Outliner

0.0

Adds Outlines to Elements

Debug CSS

4.4

When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail

CSS Debug with Pesticide

5.0

Toggle outlines on all elements to help debug CSS

Outline All Elements

5.0

Add CSS Outline property to all elements on the page for debugging CSS Layout.

HTML Visual Validation

4.4

HTML Visual Validation gives you information about the html elements, live, on page.