Item logo image for Outline HTML Elements

Outline HTML Elements

5.0(

3 ratings

)
Item media 2 (screenshot) for Outline HTML Elements
Item media 1 (screenshot) for Outline HTML Elements
Item media 2 (screenshot) for Outline HTML Elements
Item media 1 (screenshot) for Outline HTML Elements
Item media 1 (screenshot) for Outline HTML Elements
Item media 2 (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 53 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.0.4
  • Updated
    March 31, 2025
  • 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

Related

HTML Visual Validation

4.4(8)

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

Hoverify: All-in-one extension for web developers

4.1(155)

Master web development with an all-in-one browser extension that helps you inspect, edit, test, debug, and optimize websites faster.

HTML Hierarchy Visualizer

5.0(8)

This extension is a tool that helps visualize the layout of HTML elements on a webpage

Outline Chrome Extension

5.0(8)

Add an outline style and see the boundaries of every HTML element without affecting the layout (sizing or positioning).

Inspect CSS

4.8(33)

The easiest way to inspect and edit CSS

Show CSS Outline Style

5.0(3)

ページ上にある全ての要素のOutlineを表示します。

Pesticide - Advanced CSS Debugger

4.9(35)

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

Pesticide Layout Inspector

0.0(0)

Pesticide Layout Inspector enhances web development by outlining page elements

Element Outliner

0.0(0)

Adds Outlines to Elements

Debug CSS

4.4(45)

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

CSS Debug with Pesticide

5.0(1)

Toggle outlines on all elements to help debug CSS

Outline All Elements

0.0(0)

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

HTML Visual Validation

4.4(8)

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

Hoverify: All-in-one extension for web developers

4.1(155)

Master web development with an all-in-one browser extension that helps you inspect, edit, test, debug, and optimize websites faster.

HTML Hierarchy Visualizer

5.0(8)

This extension is a tool that helps visualize the layout of HTML elements on a webpage

Outline Chrome Extension

5.0(8)

Add an outline style and see the boundaries of every HTML element without affecting the layout (sizing or positioning).

Inspect CSS

4.8(33)

The easiest way to inspect and edit CSS

Show CSS Outline Style

5.0(3)

ページ上にある全ての要素のOutlineを表示します。

Pesticide - Advanced CSS Debugger

4.9(35)

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

Pesticide Layout Inspector

0.0(0)

Pesticide Layout Inspector enhances web development by outlining page elements

Google apps