Screenshot Subframe Element Capture

Chrome extension for quickly capturing clicked page elements as PNG files.

The extension opens an inspect overlay, lets you click any element, crops the visible tab capture to that element, and downloads the result.

Features

• Continuous click-to-capture mode
• Optional target output width (height keeps aspect ratio)
• High-DPI aware element cropping
• One-click local PNG download

Installation (Developer Mode)

1. Open chrome://extensions/
2. Enable Developer mode
3. Click Load unpacked
4. Select this project folder

Usage

1. Open any page you want to capture from
2. Click the extension icon
3. Optional: set Target Output Width (px)
4. Enable Continuous Capture
5. Click an element on the page to capture and download it
6. Press Esc (or toggle off) to exit capture mode

Permissions

• activeTab: temporary access to the current tab while you use the extension
• scripting: injects the capture script only when needed
• downloads: saves captured PNG files locally

Limitations

• Only captures what is currently visible in the viewport
• Chrome-restricted pages (for example chrome:// pages) cannot be captured

Development

No build step is required. Edit files directly and reload the extension from chrome://extensions/.

Core files:

• manifest.json - extension manifest (MV3)
• popup.html / popup.css / popup.js - popup UI and controls
• content.js - inspect mode, element detection, capture and crop logic
• background.js - screenshot and download bridge

License

MIT - see LICENSE.