Check all unique style been used in this page

Latest Version

Version
1.1
Update
January 5, 2021
Size
68.72KiB
Developer
Category
Users
169
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Style inspect Extension

Extract all unique style like font size, font color and background color that generate into a viewable style guide for user with just one click

No more digging into code or inspect elements to try to figure out what kind style guideline has been used in this page.

Easier way to spot any unexpected color or font size been used in the page and have the ability to toggle corresponding element with highlight border

Ability to bulk update all elements that use the same color real time

More unique style data available in the console for developer to use
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Style inspect", "version": "1.1", "author": "Yi Zhou", "description": "Check all unique style been used in this page", "browser_action": { "default_icon": "images/off.png" }, "background": { "scripts": ["./background.js"] }, "permissions": [ "activeTab" ], "icons": { "16": "icon16.png", "48": "icon48.png" }, "manifest_version": 2 }
Read more

Similar Extensions

icon

Unstack Style Guide Extension · Developer Tools 169 20 ★ 68.29KiB

icon

Page Manipulator Extension · Developer Tools 169 35 ★ 2.17MiB

icon

Quick Inspect Element Extension · Developer Tools 169 9 ★ 360KiB

icon

Stylex Extension · Developer Tools 169 1 ★ 29.22KiB

icon

Inspecta - validate design implementation Extension · Developer Tools 169 3 ★ 420KiB

icon

Inspect CSS Extension · Developer Tools 169 24 ★ 404KiB

icon

No-Inspect Web Editor - text & Images Extension · Accessibility 169 0 ★ 9.76KiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 169 9 ★ 84.8KiB

icon

styleguide Extension · Developer Tools 169 1 ★ 12.39KiB

icon

Inspect Extension · Developer Tools 169 0 ★ 14.77KiB

icon

Hoverify Extension · Developer Tools 169 145 ★ 14.54MiB

icon

Hover inspector like in Zeplin , Figma Extension · Developer Tools 169 29 ★ 122KiB

icon

Outliner CSS Extension · Developer Tools 169 11 ★ 13.01KiB

icon

CSS Inspector Extension · Developer Tools 169 64 ★ 2.57MiB

icon

InTab Extension · Developer Tools 169 12 ★ 11.18MiB

icon

Web Style Grabber Extension · Developer Tools 169 0 ★ 16.2KiB

icon

Web Design Pirate Extension · Developer Tools 169 21 ★ 134KiB

icon

easy inspect Extension · Fun 169 4 ★ 24.3KiB

icon

SuperDev Pro Extension · Developer Tools 169 48 ★ 7.6MiB

icon

Typography Inspector Extension · Developer Tools 169 4 ★ 111KiB

icon

SnipCSS Extension · Developer Tools 169 32 ★ 13.12MiB

icon

GET WEB SITE THEME COLOR Extension · Accessibility 169 4 ★ 153KiB

icon

EazyCSS Extension · Developer Tools 169 13 ★ 2.98MiB

icon

Jinno: code any React component with AI Extension · Developer Tools 169 38 ★ 18.37MiB

User reviews

icon

Atiq R (ID: 0000006c5c1a191e) Voted 5 ★ - Updated 01/05/2021 Looking forward to seeing this developed further. Loving the use-care already. Good job >:)