Outline Chrome Extension
Item media 1 screenshot

Overview

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

This extension will help you to add an outline style and see the boundaries of every HTML element without affecting the layout (sizing or positioning), it's great for web design, or just to verify that your HTML + CSS code is working as expected.

5 out of 57 ratings

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

Review's profile picture

Allan MONTAGNEFeb 21, 2024

it works perfectly, pin this extension and just click on it when you want to outline your page

Review's profile picture

JesharFeb 10, 2024

Works as expected. Thanks a lot, this is so useful when to clone a site for learning

Review's profile picture

Clay RavinAug 30, 2022

Has been a life-saver on many occasions. Great plugin!

1 person found this review to be helpful

Details

  • Version
    0.1.0
  • Updated
    June 16, 2022
  • Offered by
    Alejandro Zepeda
  • Size
    12.84KiB
  • Languages
    English
  • Developer
    Email
    hola@alejandrozepeda.mx
  • 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

Support

Related

Pesticide for Chrome (without hover bar)

4.0(43)

This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

Outliner CSS

5.0(8)

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

Outline All Elements

0.0(0)

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

Red Border Chrome Extension

5.0(4)

Debug HTML/CSS by adding red outline to all elements

Outliner

5.0(3)

This extension outlines all the DOM elements on a page

HTML5 Outliner

4.2(261)

Generates a navigable page outline with heading and sectioning elements

Show CSS Outline Style

5.0(4)

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

Layout Debugger

3.0(1)

Easily remove bugs from your layouts.

Div Highlighter

3.3(7)

tool to highlight divs!

Debug CSS

4.8(32)

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

Looksee

5.0(3)

Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.

Outliner | Improving your reading experience

4.2(52)

Tired of distractions on web pages, I created this extension that uses services that improve your reading experience.

Pesticide for Chrome (without hover bar)

4.0(43)

This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

Outliner CSS

5.0(8)

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

Outline All Elements

0.0(0)

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

Red Border Chrome Extension

5.0(4)

Debug HTML/CSS by adding red outline to all elements

Outliner

5.0(3)

This extension outlines all the DOM elements on a page

HTML5 Outliner

4.2(261)

Generates a navigable page outline with heading and sectioning elements

Show CSS Outline Style

5.0(4)

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

Layout Debugger

3.0(1)

Easily remove bugs from your layouts.

Google apps