Element Outliner

Adds Outlines to Elements

Download

Extension stats

By: ceps

View on Chrome Web Store

Users: 56 ▲ 5

Version: 1.0 (Last updated: 2024-04-15)

Creation date: 2024-04-15

Risk impact: Very low risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 3

Permissions:

activeTab
scripting
storage

Size: 189.44K

Email: cj*****@gmail.com

Ranking

# 82974 ▼ 216

Other rankings

#4775 in Developer Tools ▲ 37

#22 in element keyword 21 ▲ 1

#200 in target keyword 5 ▼ 2

#206 in toggle keyword 24

#258 in property keyword 19 ▼ 5

Upgrade to see more rankings

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

■ FUNCTIONALITY ◈ Toggle Outline - Apply an outline style to the current active tab by clicking the “toggle outline” button or by using the hotkey Ctrl + Q. - Target specific elements for outlining based on the entered CSS selector. ◈Control Outline Properties - Customize the outline’s color, style, width, and offset to suit their needs.

■ BACKGROUND and PURPOSE ◈ This extension is a personal practice project born out of a need to toggle element outlines during web development. ◈ It serves as a tool for web developers, designers, and accessibility testers, aiming to help them quickly visualize the structure of a webpage and identify potential layout or design issues.

■ HOW TO USE ◈ Install - Visit the Chrome Web Store, search for “Element Outliner”, and click on “Add to Chrome”. ◈ Uninstall