Element Outliner

Adds Outlines to Elements

Download

Extension stats

By: ceps

View on Chrome Web Store

Users: 48 ▼ -1

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

# 87263 ▼ 546

Other rankings

#4846 in Developer Tools

#21 in element keyword 20 ▲ 5

#153 in toggle keyword 23 ▲ 58

#193 in target keyword 5 ▲ 25

#263 in section keyword 4 ▲ 22

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