Element Outliner

Adds Outlines to Elements

Element Outliner

Download

Extension stats

By: ceps

Users: 75

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

# 78,194 ▲ 1,104

Other rankings

#4683 in Developer Tools ▲ 18

#19 in element keyword 21 ▼ 3

#161 in toggle keyword 25 ▼ 4

#210 in target keyword 5 ▼ 14

#275 in property keyword 19 ▼ 9

Upgrade to see more rankings

Other platforms

Not available on Android

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