Debug HTML/CSS by adding red outline to all elements

Latest Version

Version
0.0.6
Update
June 21, 2024
Size
10.79KiB
Developer
Category
Users
1,000+
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
See more

Red Border Chrome Extension Extension

Changelog

v 0.0.6
- ⌘ + ⇧ + Z (command + shift + z) shortcut
- ⌃ + ⇧ + Z (ctrl + shift + z windows) shortcut

v 0.0.5
- updated logo + shortcut

v 0.0.4
- updated logo

v0.0.3
- updated to manifest 3
- show on/off in icon

v0.0.0.2
-fixed some bugs on the button
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Red Border Chrome Extension", "description": "Debug HTML/CSS by adding red outline to all elements", "version": "0.0.6", "icons": { "16": "./images/icon16.png", "48": "./images/icon48.png", "128": "./images/icon128.png" }, "permissions": ["activeTab", "scripting"], "action": { "default_icon": { "16": "./images/icon16.png", "48": "./images/icon48.png", "128": "./images/icon128.png" } }, "background": { "service_worker": "bg.js" }, "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+Shift+Z", "mac": "Command+Shift+Z" } } }}
Read more

Similar Extensions

icon

Debug CSS Extension · Developer Tools 1,000+ 35 ★ 19.06KiB

icon

Pesticide for Chrome (without hover bar) Extension · Productivity 1,000+ 44 ★ 23.33KiB

icon

Width and Height Display Extension · Developer Tools 1,000+ 34 ★ 17.87KiB

icon

Box Borders Extension · Developer Tools 1,000+ 0 ★ 7.91KiB

icon

Salesforce Shortcuts Extension · Productivity 1,000+ 2 ★ 333KiB

icon

Open tabs in order Extension · Productivity 1,000+ 2 ★ 7.0KiB

icon

Outliner CSS Extension · Developer Tools 1,000+ 11 ★ 13.01KiB

icon

Border Extension · Developer Tools 1,000+ 9 ★ 6.38KiB

icon

Looksee Extension · Developer Tools 1,000+ 3 ★ 45.51KiB

icon

Outline All Elements Extension · Developer Tools 1,000+ 0 ★ 31.23KiB

icon

PDF Drop Extension · Productivity 1,000+ 0 ★ 11.17KiB

icon

HTML Hierarchy Visualizer Extension · Developer Tools 1,000+ 8 ★ 21.62KiB

icon

Outline Chrome Extension Extension · Developer Tools 1,000+ 7 ★ 12.84KiB

icon

Getter Extension · Productivity 1,000+ 4 ★ 532KiB

icon

All Find Seek Extension · Productivity 1,000+ 0 ★ 6.68KiB

icon

Mage Extension · Productivity 1,000+ 0 ★ 1.64MiB

icon

Outline HTML Elements Extension · Developer Tools 1,000+ 1 ★ 49.84KiB

icon

Better Network Panel Extension · Developer Tools 1,000+ 3 ★ 2.14MiB

icon

Show CSS Outline Style Extension · Developer Tools 1,000+ 4 ★ 18.41KiB

icon

Layout Debugger Extension · Developer Tools 1,000+ 3 ★ 251KiB

icon

DaMai Goods Helper Extension · Accessibility 1,000+ 2 ★ 607KiB

icon

Div Highlighter Extension · Developer Tools 1,000+ 7 ★ 5.47KiB

icon

URL Alias Extension · Productivity 1,000+ 3 ★ 94.77KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 1,000+ 87 ★ 816KiB

User reviews

icon

Fabrizio Andre (ID: 000000d5fa3028a4) Voted 5 ★ - Updated 09/09/2023 Me encanta ahorra bastante tiempo de estar agregando y borrando el outline de style.css y me ayuda a conocer la estructura de otras webs

icon

Deborah Ong (ID: 000000e8423cf6c7) Voted 5 ★ - Updated 06/11/2021 Awesome tool to learn CSS