Dev Inspector: HTML, CSS & Screenshot

Inspect elements, copy HTML/CSS, and take screenshots.

As of June 2026, Dev Inspector: HTML, CSS & Screenshot has 12 users in the Developer Tools category.

Developer Tools

Chrome Web Store ↗.crx

Users+100.0%

Rating0%

—

— reviews

Reviews0%

—

Version

1.02

Manifest V3

History

8 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	6	—	—	1.02
Apr 20, 2026	4	—	—	1.02
May 4, 2026	6	—	—	1.02
May 10, 2026	8	—	—	1.02
May 15, 2026	10	—	—	1.02
May 21, 2026	11	—	—	1.02
Jun 4, 2026	10	—	—	1.02
Jun 9, 2026	14	—	—	1.02
Now	12	—	—	1.02

Permissions & access

Permissions: activeTabstoragedownloads
Host access: <all_urls>

Screenshots

Dev Inspector: HTML, CSS & Screenshot screenshot 3

About

# Dev Inspector Extension

A browser extension for developers to inspect elements, copy their HTML/CSS, and capture screenshots.

Features
Inspect Mode: Toggle inspection mode on/off.
Copy Code: Copies the `outerHTML` and computed CSS of the hovered element.
Screenshot: Captures a screenshot of the specific element you are hovering over.

Shortcuts
Alt + Y: Copy HTML & CSS of the hovered element.
Alt + S: Take a screenshot of the hovered element.

Usage
1. Click the extension icon in the toolbar.
2. Toggle the switch to **Enable**.
3. Hover over any element on a webpage.
4. Use the floating toolbar to:
   a. Copy Code: HTML and CSS will be copied to your clipboard.
   b. Screenshot: A PNG of the element will be downloaded.

Notes
- Ensure you have permission to download files if prompted.
- Fixed positioning elements might behave differently in screenshots.