DOM Snapshot & Diff icon

DOM Snapshot & Diff

by TienChu

v1.1.4 Updated Mar 6, 2026 1.98MiB
CWS
12
Users
★ 5.00
1 reviews
#52569
of 92.9K
developer
#4549 of 8.1K
Recently updated

Description

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 support@smb-base.com Visit: https://smb-base.com/en/application/smb-dsd-ext/support
DOM Snapshot & Diff screenshot 1DOM Snapshot & Diff screenshot 2DOM Snapshot & Diff screenshot 3DOM Snapshot & Diff screenshot 4

Reviews

Loading reviews...

Permissions (5)

Permissions

activeTab Can access the current tab when you click the extension alarms Can schedule periodic background tasks scripting Can inject scripts into web pages storage Can store data locally in your browser unlimitedStorage

Details

Version 1.1.4
Updated Mar 6, 2026
Size 1.98MiB
First Seen Mar 26, 2026