Div Highlighter
Item logo image for Div Highlighter

Div Highlighter

Featured
3.3(

7 ratings

)
Item media 1 screenshot

Overview

tool to highlight divs!

This adds a transparent background of a random colour, and similar border to divs to aid in visualisation of layouts. Designed for debugging/display purposes Min depth: minimum number of parents a div must have to be highlighted. Max depth: maximum number of parents a div must have to be highlighted. Source: https://github.com/itsHobbes/div-highlighter/

3.3 out of 57 ratings

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

Review's profile picture

Souk SypDec 27, 2023

Reload page and works!

1 person found this review to be helpful
Review's profile picture

LartraxSep 14, 2022

Does what it is supposed to. You just need to refresh the page before use (Ctrl + F5)

Review's profile picture

Mike NcoSep 24, 2021

Simply doesn't work. The "On/Off" does nothing. Switched off Adblockers, still nothing.

2 out of 4 people found this helpful

Details

  • Version
    1.1
  • Updated
    August 19, 2021
  • Offered by
    itsHobbes
  • Size
    5.47KiB
  • Languages
    English (UK)
  • Developer
    Email
    mark@markg.co.uk
  • 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

For help with questions, suggestions, or problems, visit the developer's support site

Related

showHTML

5.0(1)

This extension shows information about HTML elements on a web page when you hover over them.

Looksee

5.0(3)

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

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.

Layout Debugger

3.0(1)

Easily remove bugs from your layouts.

DOM X-Ray

5.0(1)

See through the DOM to visually debug CSS positioning.

Outliner

5.0(3)

This extension outlines all the DOM elements on a page

HTML Hierarchy Visualizer

5.0(8)

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

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.

Pesticide for Chrome

4.7(66)

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

HTML & CSS Design Analysis

0.0(0)

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

DOM Highlighter

5.0(4)

Highlight DOM elements

showHTML

5.0(1)

This extension shows information about HTML elements on a web page when you hover over them.

Looksee

5.0(3)

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

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.

Layout Debugger

3.0(1)

Easily remove bugs from your layouts.

DOM X-Ray

5.0(1)

See through the DOM to visually debug CSS positioning.

Outliner

5.0(3)

This extension outlines all the DOM elements on a page

HTML Hierarchy Visualizer

5.0(8)

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

Outliner CSS

5.0(8)

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

Google apps