English (United States)
See more
Highlights page elements with outlines and backgrounds.
Latest Version
Version
1.0
Update
October 18, 2023
Size
152KiB
Developer
Category
Users
174 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
Scripting
See more
Scripting
CSS Lens Extension
CSS Lens: Visualize with Clarity!
Have you ever struggled to understand the structure of a webpage or wished you could easily visualize the styling without digging deep into the developer tools? Enter the CSS Lens - your instant visual guide to webpage elements!
Features:
Instant Highlighting: With just a click, CSS Lens outlines and shades various elements on your current webpage, allowing you to instantly understand its structure.
Toggle Easily: Not just about viewing, you can effortlessly switch between the highlighted and regular view, giving you control and flexibility.
Clean & Non-Intrusive: CSS Lens is lightweight and respects your browsing experience. It steps in when you want clarity and steps back when you want the usual view.
Why Install CSS Lens?
For Developers & Designers: Whether you're debugging a layout issue, trying to understand a complex design, or learning web development, CSS Lens provides you with a clear visual representation without the hassle.
For Content Creators & Bloggers: Get a clear picture of how your content is structured and make sure everything is perfectly aligned.
For Curious Minds: Ever wondered how your favorite website is structured? CSS Lens lets you peek behind the curtain in a user-friendly way.
Upgrade your browsing toolkit and experience the web with a clearer lens. Install CSS Lens today and bring clarity to complexity!
Read more
Have you ever struggled to understand the structure of a webpage or wished you could easily visualize the styling without digging deep into the developer tools? Enter the CSS Lens - your instant visual guide to webpage elements!
Features:
Instant Highlighting: With just a click, CSS Lens outlines and shades various elements on your current webpage, allowing you to instantly understand its structure.
Toggle Easily: Not just about viewing, you can effortlessly switch between the highlighted and regular view, giving you control and flexibility.
Clean & Non-Intrusive: CSS Lens is lightweight and respects your browsing experience. It steps in when you want clarity and steps back when you want the usual view.
Why Install CSS Lens?
For Developers & Designers: Whether you're debugging a layout issue, trying to understand a complex design, or learning web development, CSS Lens provides you with a clear visual representation without the hassle.
For Content Creators & Bloggers: Get a clear picture of how your content is structured and make sure everything is perfectly aligned.
For Curious Minds: Ever wondered how your favorite website is structured? CSS Lens lets you peek behind the curtain in a user-friendly way.
Upgrade your browsing toolkit and experience the web with a clearer lens. Install CSS Lens today and bring clarity to complexity!
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "CSS Lens", "version": "1.0", "description": "Highlights page elements with outlines and backgrounds.", "permissions": [ "activeTab", "scripting" ], "background": { "service_worker": "background.js" }, "action": { "default_icon": { "128": "icons/icon-off.png" }, "default_title": "Toggle CSS Lens" }, "icons": { "16": "icons/icon-16.png", "32": "icons/icon-32.png", "48": "icons/icon-48.png", "128": "icons/icon-128.png" }}
Read more
