DOM Region Screenshot · DomKeeper

About

DomKeeper lets you screenshot any region of any web page with element-level precision — pick a single message in a long chat thread, a single product card on a busy shop page, a single panel in a complex dashboard. The screenshot you get back is exactly what you saw on screen, cropped to the element boundaries you chose.

═══════════════════════════════════════════
HOW IT WORKS
═══════════════════════════════════════════

1. Click the toolbar icon to open the panel.
2. Click "Start picking", then hover over the page — every element under your cursor gets outlined in real time.
3. Use the DOM tree panel to fine-tune your selection: arrow up to ancestors, down to children, with size and tag info shown for each.
4. Click to lock the element, then hit "Screenshot".

═══════════════════════════════════════════
SAVE LOCALLY · UPLOAD TO YOUR OWN CLOUD · OR BOTH
═══════════════════════════════════════════

Each capture, you decide what happens:

- "Save to disk" — get a PNG file in your Downloads folder.
- "Upload to cloud" — back it up to your private DomKeeper gallery so you can find it later, on any device, without searching through your local Downloads.

Both checked → file is saved both places.
Sign in optional — if you don't, only the local download works.

═══════════════════════════════════════════
YOUR CLOUD, YOUR PRIVACY
═══════════════════════════════════════════

DomKeeper's cloud backend is run as a free personal-storage service:

- Every screenshot you upload is visible ONLY to you. No public links, no share-by-QR, no public gallery.
- We get your Google email and avatar (used only to recognize your account) — nothing else from your Google account.
- We don't read your browsing history. We don't take screenshots automatically. Every capture is a click you made.
- You can delete any single screenshot, export all your data as JSON, or wipe your entire account, anytime, from the in-browser gallery.
- Full privacy policy: https://www.duiyizhe.com/domkeeper/privacy_en.html

═══════════════════════════════════════════
WHY ELEMENT-LEVEL SELECTION?
═══════════════════════════════════════════

Most screenshot tools either capture the whole page (and you crop later) or let you drag a rectangle (which is imprecise). DomKeeper uses the page's actual DOM tree, so you get pixel-perfect boundaries every time, plus:

- A live ancestor/child navigator — climb up or drill down to any nesting level.
- A "📜" marker on elements with their own scroll containers, so you know which one to pick when content is inside a scrolling region.
- Automatic stitching for elements that are taller than the viewport but scroll within themselves.

═══════════════════════════════════════════
LANGUAGES
═══════════════════════════════════════════

English (default) · 简体中文

The UI follows your browser language automatically.

═══════════════════════════════════════════
LIMITATIONS — UPFRONT
═══════════════════════════════════════════

We list these here because we'd rather you know now than be surprised:

- Content scrolled out of the visible viewport can't be captured. This is a fundamental browser limitation (the browser doesn't render off-screen pixels for performance). To capture a long element, scroll it into view first, or pick a child element that fits.
- Embedded iframes (especially cross-origin ones) can't be selected individually from inside the parent page. You can still capture them as a whole by picking the iframe element from the DOM tree.
- Each capture saves only what's currently visible on screen — exactly what you see is what you get, no surprises.

═══════════════════════════════════════════
WHO IT'S FOR
═══════════════════════════════════════════

- Researchers who want clean per-paragraph screenshots from long articles
- Designers archiving specific UI components from competitors' sites
- QA engineers documenting bugs at the exact element level
- Anyone tired of dragging selection rectangles and getting the boundaries wrong

═══════════════════════════════════════════
PERMISSIONS — WHY EACH ONE
═══════════════════════════════════════════

- activeTab — to read the DOM of the tab you're working on, only while you're using the extension
- scripting — to inject the picker UI into the current page
- downloads — to save the resulting PNG to your Downloads folder
- identity — to sign you in with Google (OAuth)
- storage — to remember your settings and sign-in session
- host_permissions: duiyizhe.com — to upload screenshots to your private DomKeeper cloud (only used if you check "Upload to cloud")

═══════════════════════════════════════════
SUPPORT
═══════════════════════════════════════════

Issues, feedback, or abuse reports: [email protected] / [email protected]
Terms of Service: https://www.duiyizhe.com/domkeeper/terms_en.html