DOM Region Screenshot · DomKeeper

Pick any element on a page and screenshot it. Download to disk, or back up to your private DomKeeper cloud.

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: privacy@duiyizhe.com / abuse@duiyizhe.com Terms of Service: https://www.duiyizhe.com/domkeeper/terms_en.html