Item logo image for Layout Visualizer

Layout Visualizer

Featured
4.0(

1 rating

)
ExtensionDeveloper Tools74 users
Item media 1 (screenshot) for Layout Visualizer

Overview

Visualize the layout of a page, boosting your dev or design experience.

It is the "console.log()" for CSS. You can visualize the dom elements within a single click.

4 out of 51 rating

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

Details

  • Version
    1.0
  • Updated
    December 12, 2022
  • Offered by
    Guotong Liao
  • Size
    12.74KiB
  • Languages
    English (United States)
  • Developer
    Email
    glintonliao@outlook.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

Watermark Pages

5.0(1)

Inject a watermark into pages while browsing.

CSS Layout Helper

0.0(0)

View layouts with varying degrees of depth for parent child relationship

HTML Layout X-Ray

0.0(0)

Displays the html page layout, frames, border, sections, tables etc.

Popupblocker

5.0(1)

This add-on can block every popup. Many websites open new windows with ads, when you try to mark text or click something.

Layout Inspector

5.0(4)

Debug and inspect layouts by outlining elements with Layout Inspector to fix design issues quickly.

wireframify

4.2(9)

view wireframe of the page

Focus tracker

0.0(0)

Focus tracker by Accessibility Zone

Layout Grid for browser

4.5(2)

You can set Layout Grid like design tools.

DOM Update Highlighter

5.0(1)

Highlight DOM elements that are being updated

Pesticide - Advanced CSS Debugger

4.9(44)

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

Css Layout Hack

4.0(4)

You can see website layers with different colors easily

HTML Hierarchy Visualizer

5.0(8)

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

Watermark Pages

5.0(1)

Inject a watermark into pages while browsing.

CSS Layout Helper

0.0(0)

View layouts with varying degrees of depth for parent child relationship

HTML Layout X-Ray

0.0(0)

Displays the html page layout, frames, border, sections, tables etc.

Popupblocker

5.0(1)

This add-on can block every popup. Many websites open new windows with ads, when you try to mark text or click something.

Layout Inspector

5.0(4)

Debug and inspect layouts by outlining elements with Layout Inspector to fix design issues quickly.

wireframify

4.2(9)

view wireframe of the page

Focus tracker

0.0(0)

Focus tracker by Accessibility Zone

Layout Grid for browser

4.5(2)

You can set Layout Grid like design tools.

Google apps