DOM Snapshot & Diff

About

Ever deployed a change and wondered "what exactly changed on the page?" DOM Snapshot & Diff answers that question in seconds.

Capture a snapshot of any web page's DOM structure, then compare it with another snapshot to see exactly what changed — every added element, every removed node, every modified attribute, highlighted with clear color-coded diffs.

No backend. Everything stays on your machine, encrypted.

--- KEY FEATURES ---

INSTANT DOM CAPTURE
One click (or Ctrl+Shift+S) to capture the full DOM tree of any page. Snapshots include HTML structure, attributes, and text content — stored locally with AES-256 encryption.

STRUCTURAL TREE DIFF
Compare any two snapshots side-by-side. See additions (green), removals (red), modifications (yellow), and moved elements (blue) in an interactive tree view with expand/collapse navigation.

VISUAL OVERLAY DIFF [Pro]
See changes directly ON the live page. Modified elements are highlighted with colored borders right where they appear. Hover for details, click for full diff breakdown. No more guessing what changed.

ELEMENT PICKER & SELECTOR SCOPING
Don't need the whole page? Use the visual element picker or enter a CSS selector to capture just the section you care about — a form, a sidebar, a specific component.

SNAPSHOT MANAGEMENT
Label, rename, search, and organize your snapshots. Track storage usage at a glance. Bulk delete what you don't need.

EXPORT REPORTS [Pro]
Share your findings. Export diff results as standalone HTML reports, JSON data, or Markdown — perfect for bug reports, pull requests, and team reviews.

KEYBOARD SHORTCUTS
Ctrl+Shift+S to capture, Ctrl+Shift+D for quick diff, Ctrl+Shift+O to toggle overlay. Fast workflows for power users.

--- WHY DEVELOPERS LOVE IT ---

- Catch regressions before users do
- Create evidence for bug reports with structural proof
- Compare staging vs production DOM in seconds
- Track DOM mutations across deploys
- No external servers — your data never leaves your browser

--- FREE vs PRO ---

FREE (forever):
- Up to 10 snapshots
- DOM capture & structural diff
- Encrypted local storage
- Element picker & selector scoping
- Keyboard shortcuts

PRO ($14.99 one-time, lifetime access):
- Unlimited snapshots & storage
- Visual overlay diff on live pages
- Export reports (HTML, JSON, Markdown)
- Priority email support

--- PRIVACY & SECURITY ---

- Zero data transmission — no analytics, no tracking, no external requests
- All snapshots encrypted with AES-256-GCM before storage
- Sensitive data (passwords, tokens) automatically redacted
- Minimal permissions: only activeTab, storage, and scripting
- No account required. No sign-up. Just install and use.

--- WHO IS THIS FOR? ---

- Frontend developers checking DOM changes after code edits
- QA engineers testing for regressions across releases
- Tech leads reviewing deployment impact
- Anyone who needs to answer: "What changed on this page?"

--- SUPPORT ---

More informations:
https://smb-base.com/en/application/landing/smb-dsd-ext/dom-snapshot-diff

Questions or feedback? Reach us at [email protected]
Visit: https://smb-base.com/en/application/smb-dsd-ext/support