Div Highlighter

tool to highlight divs!

What is Div Highlighter?

Div Highlighter is a Chrome Extension that highlights div elements on a webpage with a random color. It becomes a handy tool to debug or visualize layouts, especially for web developers. You can specify the minimum and maximum parent depth a div can have to be highlighted. With Div Highlighter, you can turn your browser into a more user-friendly development tool, adding transparency to div positioning and making debugging process a lot easier.

Download

Extension stats

By: itsHobbes

View on Chrome Web Store

Users: 1,000+

Rating: 3.29 (7)

Version: 1.1 (Last updated: 2021-08-19)

Creation date: 2020-05-11

Risk impact: Moderate risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

http://*/
https://*/

Size: 5.60K

Email: ma*****@markg.co.uk

Ranking

# 28227 ▼ 111

Other rankings

#1873 in Developer Tools ▼ 1 #63 in highlighter keyword 42 ▲ 5

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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/