User Manual

Learn how to use Element Snapper in three simple steps.

1

Open the Extension

Click the Element Snapper icon in the Chrome toolbar to open the popup panel.

My Webpage×https://example.comClick to open
2

Home Panel

The home panel is your main control center. Here's what each button does:

Element Snapper
A
B
C
Select ElementD
AreaE
ScreenF
PageG
DownloadCopy ImageCopy as Prompt
H
View historyI
A
Status IndicatorA coloured dot showing the current state at a glance.
Idle — ready to captureSelecting elementCapturing / processingCapture savedError occurred
B
SettingsOpens the settings panel to configure format, delay, and scroll capture.
C
CloseCloses the popup panel.
D
Select ElementClick, then hover any element on the page to capture it. The popup closes so you can interact with the page.
E
AreaClick and drag a rectangle on the page to capture a custom region.
F
ScreenInstantly captures the currently visible viewport.
G
PageCaptures the entire scrollable page by stitching multiple tiles.
H
Output ModeDownload saves a file, Copy Image copies the screenshot to your clipboard, and Copy as Prompt (element capture only) skips the screenshot entirely and copies a text description of the selected element instead — tag, selector, dimensions, text content, key styles, HTML, and DOM path.
I
View HistoryBelow the Output setting, click View history to reopen the preview for any capture made this browsing session — redownload or re-copy it, remove a single capture, or use Remove All to clear the whole list.
3

Settings & Shortcuts

Click the gear icon to open Settings. Adjust output format, delay, scroll capture, and configure built-in keyboard shortcuts — all in one place.

SettingsA
B
PNGJPG
C
OffD
Scroll ElementCapture scrollable content
E
Preview CapturesShow floating preview after capture
F
Reset
G
Toggle PanelShift+Cmd+E
ElementShift+Cmd+Y
AreaShift+Cmd+U
ScreenShift+Cmd+S
PageShift+Cmd+O
A
Back ButtonReturn to the home panel.
B
How It WorksOpens the How It Works guide on the website — explains each capture mode in detail.
C
FormatChoose between PNG (lossless) or JPG (smaller file size).
D
DelaySet a countdown (Off, or 1–10s) before capture. Perfect for capturing hover states and dropdown menus.
E
Scroll ElementWhen ON, auto-scrolls and stitches tiles to capture content beyond the viewport.
F
Preview CapturesWhen ON (default), shows a floating thumbnail preview after each capture, with quick access to the capture history.
G
ShortcutsBuilt-in hotkeys for every capture action. Toggle them on/off, hit Reset to restore defaults, or click any key to re-record it.

Tips & Notes

⌨️

Custom Shortcuts

Open Settings and find the Shortcuts section. Click any key combo to re-record it with your preferred hotkey.

⎋

Cancel Anytime

Press Esc to cancel any active selection mode and return to idle.

📐

Max Capture Size

The maximum capture size is 16,384 × 16,384 pixels — a browser hard limit.

🔒

Limitations

Cannot capture cross-origin iframes or Chrome system pages (chrome://).