Item logo image for Outline HTML Elements

Outline HTML Elements

ExtensionDeveloper Tools54 users
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot

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://maxontech.io/

0 out of 5No ratings

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

Details

  • Version
    1.0.4
  • Updated
    April 22, 2024
  • 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

PageRip (HTML + CSS Extract)

3.3(47)

Rip HTML + CSS snippets from any element on any web page with an element selector. Convert full webpages to single file HTML and JSX

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.

HTML Hierarchy Visualizer

5.0(8)

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

HTML Outline

0.0(0)

HTML Outline を表示するツール

Inspect CSS

4.5(17)

The easiest way to inspect and edit CSS

Debug CSS - LPTech

5.0(5)

Hỗ trợ các bạn làm lập trình frontend, hoặc QA có thể debug CSS layout 1 cách dễ dàng nhất!

Html Css Online

5.0(1)

With html css online, you can directly edit HTML, CSS and JavaScript... Editor left is code and right is preview

HTML,CSS,JS Minifier & Compressor

5.0(1)

A lite and free JavasScript, CSS and HTML minifier & Compressor for your browser.

ChatGPT Web Preview

4.8(4)

Preview HTML, CSS, and JS code from ChatGPT with Tailwind CSS support.

Html Style Copier

0.0(0)

Extension for Extract HTML and CSS Styles from web pages

Debug CSS

4.7(33)

Adds outline to all elements on the page to show the culprit element which is changing desired layout

PageRip (HTML + CSS Extract)

3.3(47)

Rip HTML + CSS snippets from any element on any web page with an element selector. Convert full webpages to single file HTML and JSX

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.

HTML Hierarchy Visualizer

5.0(8)

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

HTML Outline

0.0(0)

HTML Outline を表示するツール

Inspect CSS

4.5(17)

The easiest way to inspect and edit CSS

Debug CSS - LPTech

5.0(5)

Hỗ trợ các bạn làm lập trình frontend, hoặc QA có thể debug CSS layout 1 cách dễ dàng nhất!

Html Css Online

5.0(1)

With html css online, you can directly edit HTML, CSS and JavaScript... Editor left is code and right is preview

Google apps