Inspect CSS classes on hover.

Latest Version

Version

2.0

Update

December 30, 2023

Size

11.81KiB

Developer

CSS Finder Extension

CSS Finder Extension: Uncover Web Styling with Ease

Are you fascinated by the intricate styles and designs of your favorite websites? Dive deep into the world of web styling with our CSS Finder extension. More than just a Font Finder, this tool allows you to explore and understand the CSS properties that shape the visual appeal of web elements.

Key Features:

Comprehensive Styling Details:
1. Activate the extension with a double-click and start exploring CSS details on any webpage.
2. Hover over elements to reveal intricate information about fonts, sizes, colors, borders, and more.

User-Friendly Interface:
1.Navigate effortlessly through a simple and intuitive design.
2. Receive clear and concise information displayed in an interactive tooltip.

Toggle On/Off:
1. Double-click to activate the extension; double-click again to deactivate.
Seamlessly switch between browsing with and without CSS Finder as per your needs.

Visualize Styles:
Gain insights into font styles, sizes, colors, borders, and other CSS properties.
Understand the visual composition of any webpage with a simple hover.

Why Choose CSS Finder?
Holistic Design Exploration: Go beyond fonts and delve into the comprehensive world of CSS styling.
Ideal for Developers: Perfect for web developers, designers, and enthusiasts interested in web design intricacies.
User-Friendly: An easy-to-use interface for a hassle-free exploration experience.
Customizable: Toggle the extension on and off to suit your browsing preferences.
Download CSS Finder now and elevate your web exploration experience. Uncover the complete spectrum of web styling with a simple double-click!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "2.0", "name": "CSS Finder", "description": "Inspect CSS classes on hover.", "action": { "default_popup": "popup.html", "default_icon": { "16": "images/icon16.png", "48": "images/icon48.png", "128": "images/icon128.png" }, "icons": { "16": "images/icon16.png", "48": "images/icon48.png", "128": "images/icon128.png" } }, "permissions": ["storage", "contextMenus"], "background": { "service_worker": "background.js" }, "content_scripts": [ { "js": ["content.js"], "css": ["content.css"], "matches": ["http://*/*", "https://*/*"], "run_at": "document_end" } ]}

Download CRX(11.81KiB)