Skipeon Element Inspector Extension Chrome

Inspect elements on a webpage and display relevant info including: Tag Name, Color, Background Color, Font Size, Font Type...

Latest Version

Version

1.1

Update

July 30, 2024

Size

27.46KiB

Developer

Skipeon Element Inspector Extension

Elevate your web development toolkit with Skipeon Element Inspector! This Chrome extension is designed to provide a detailed view of any element on a webpage, offering instant insights into its styling attributes. With Skipeon Element Inspector, you can:

Inspect Elements: Simply hover over any element on a page to view its tag name, color, background color, font size, font family, padding, margin, border, width, and height.

Visualize Styles: See a real-time display of color swatches and style attributes directly in the extension’s popup, making it easier to understand and replicate design elements.

Enhance Development: Save time by quickly gathering detailed information about page elements, streamlining the design and debugging process.

Whether you're a web designer, developer, or just curious about webpage styling, Skipeon Element Inspector is your go-to tool for a clear and comprehensive look at how elements are styled on any site. Install it today to make inspecting and analyzing web elements easier than ever!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Skipeon Element Inspector", "version": "1.1", "description": "Inspect elements on a webpage and display relevant info including: Tag Name, Color, Background Color, Font Size, Font Type...", "permissions": [], "action": { "default_popup": "popup.html", "default_icon": "icon.png" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ]}