Toggle CSS outline

Simple extension that toggles a red outline around all elements in a page on/off, useful for CSS debugging.
Download Install Compare

The Toggle CSS Outline Chrome extension provides a handy browser button that lets you switch a red outline around every element on a webpage. This tool is incredibly useful for front-end developers and designers who want to quickly visualize element boundaries without needing to open developer tools. By applying the style * { outline: 1px solid red; } on demand, it helps in identifying layout issues, inspecting element spacing, and improving CSS debugging efficiency.

Ideal for quick inspection during development, the extension streamlines the process of seeing all HTML elements' borders at a glance. The source code is openly accessible on GitHub for transparency and contribution, making it a lightweight and effective addition to any developer's toolkit.

Manifest V2 Developer Tools Productivity Design
By:
theodejager
Daily users:
57 3
Rating:
5.00
(1)
Version:
1.1 Last updated: 2023-07-14
Version code:
5594448
Creation date:
2023-07-13
Risk:
High risk impact Low risk likelihood
Permissions:
  • activeTab
  • tabs
  • storage
  • <all_urls>
Size:
17.09K
Full description:
See detailed description
Source:
Firefox Browser Add-ons
Updated:
a day ago

Ranking

# 12,868 ▲ 292
Other rankings
#25 in toggle keyword 36 #148 in debug keyword 32 ▲ 2

Extension safety

Risk impact

Toggle CSS outline requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk impact analysis details
  • Critical Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
  • Critical ****** ****** ** *** ********* ****** * *********** ******** **** ** ** *** ******* *** ****** **** **** *** ******* *****
Risk likelihood

Toggle CSS outline has earned a fairly good reputation and likely can be trusted.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Compare add-ons

Similar add-ons

Here are some Firefox add-ons that are similar to Toggle CSS outline:

Debug CSS
Pranay Joshi
1K 4.75 (12)
Css Debug with Pesticide CSS
Rob
4 0.00 (0)
CSS Toggler
ap
431 4.57 (7)
devtools-outliner
Patrick Brosset
5 5.00 (1)
Debugmode
ff0000
3 0.00 (0)
CSS Layout Debugger
CSS Layout Debugger
214 4.71 (7)
Toggle CSS
123WIN Capital
1 0.00 (0)
Outline Colorizer
Cuyler Stuwe (salembeats)
- 3.00 (1)
DOM highlighter
Anas Behhari
6 0.00 (0)

Popular extensions / apps

Here are some popular extensions / apps that you might be interested in:

WhatsApp Business
WhatsApp LLC
2B 4.43 (16,311,633)
Mr Bullet - Spy Puzzles
Lion Studios
174M 4.52 (742,880)
Dashlane — Password Manager
https://dashlane.com
2M 4.70 (16,220)
Duolingo: Language Lessons
Duolingo
712M 4.67 (33,239,540)
Capital One Shopping: Save Now
https://capitaloneshopping.com
10M 4.73 (16,010)
Apollo.io: Free B2B Phone Number & Email Finder
https://apollo.io
800K 4.71 (1,568)
Boxel 3D
https://dopplercreative.com
700K 4.61 (1,771)
Supreme Duelist
Neron's Brother
311M 4.55 (1,896,887)
Cursor Helper - Custom Cursors
https://cursor-helper.com
700K 4.47 (4,352)
Dark Reader
https://darkreader.org
6M 4.68 (12,304)
Google Wallet
Google LLC
1B 4.51 (1,880,187)
Google Photos
Google LLC
11B 4.44 (51,935,817)