Test Playground

How to use this page

Open the popup (or the in-page panel via the toolbar icon) and try each mode against the boxes below. Element — click "Select Element" and hover any box. Area — drag a rectangle anywhere on the page. Screen — captures just what's visible right now. Page — captures this entire scrollable page, stitched together.

1. Small Element control

Fits entirely in the viewport — should always be a single capture, no stitching.

Small Element
300 × 200

2. Tall Element vertical stitch

Taller than the viewport. With "Scroll Element" enabled in Settings, capture should scroll down and stitch tiles so every marker below appears in the result.

600 × 2000

Marker · 100px
Marker · 500px
Marker · 900px
Marker · 1300px
Marker · 1700px
Bottom marker · 1900px

3. Wide Element horizontal stitch

Wider than the viewport — exercises horizontal scroll + stitch.

2000 × 400

Start
600px
1200px
End

4. Large 2D Element grid stitch

Exceeds the viewport in both directions — verify all four corners and the center land in the final image.

1800 × 1500

Top Left Top Right Bottom Left Bottom Right Center

5. Internally Scrollable Element own scroll container

This box has its own overflow: auto — its content is taller than the box itself, separate from the page's scroll.

Inner marker · top
Inner marker · 400px
Inner marker · 800px
Inner marker · bottom

Checklist

🖱️

Element Mode

Hover each box above — the highlight should turn indigo/dashed when it exceeds the viewport.

Area Mode

Drag a rectangle spanning two boxes and confirm the crop lines up pixel-for-pixel.

🖥️

Screen Mode

Scroll partway down the page first — only the visible viewport should be captured.

📜

Page Mode

Captures top to bottom of this whole page — check every marker above appears once, undistorted.