Zplunge

Record screen with logs, take screenshots, compare pages, inspect CSS. Web debugging made simple.

Zplunge is a professional web debugging extension built for frontend developers, QA engineers, and testers who need more than DevTools alone. ── SCREEN RECORDING WITH SYNCHRONIZED LOGS ── Record any browser session and replay it in the built-in Player — with console logs, network requests (XHR, Fetch, WebSocket), and user interactions locked to the video timeline. Trim recordings to the exact moment that matters, split large files into time-based or size-based parts, and export both video and logs as a matched pair (Zrec / Zlog). The Player supports playback speed control, log filtering, and frame-accurate seeking. ── BLACKBOX MONITORING ── Always-on passive monitoring that captures console errors, network requests, and user interactions in the background without any manual recording. Enable it per subdomain, set retention time from 10 seconds up to 1 hour, and open the Preview panel to browse a full event log with type filters, full-text search, severity toggle, and single-request HAR export. WebSocket connections are fully tracked — open, close, and every message. ── CSS INSPECTOR & PIXEL RULER ── Enable the inspector and hover over any element to see its computed CSS in a live, draggable tooltip. Click two points anywhere on the page to measure the exact pixel distance. Supports element snapping (Shift), tooltip lock (Ctrl+L), and measurement clearing (Esc) — without opening a single DevTools tab. ── PAGE COMPARISON ── Capture two screenshots and compare them with a pixel-level visual diff. Three view modes: • Side-by-side sync-scroll — ideal for full-page layout checks • Reveal slider — drag to expose differences • Overlay manipulation — freely drag, scale, and layer both screenshots Supports full-page capture (auto-scrolls and stitches), region capture (draw a selection box), and standard viewport capture. Diff percentage is shown in real time. ── SCREENSHOT EDITOR ── Annotate any screenshot without leaving the browser: draw rectangles and arrows, crop, and export — all on a multi-layer canvas editor. ── TAMPERMONKEY INTEGRATION ── Generate a Tampermonkey userscript for any domain so teammates can play back Zrec/Zlog files without installing Zplunge. Click 🐒 TM in the popup, enter a hostname, download the script. It automatically adds a ▶ play button next to every recording link — on Jira, Confluence, or any internal file-sharing page. ── KEYBOARD SHORTCUTS ── Alt+R Start / Stop Recording Alt+S Take Screenshot Alt+L Toggle CSS Inspector & Ruler ── PRIVACY ── All data stays in your browser — stored locally via chrome.storage.local and IndexedDB. Nothing is sent to any external server. Sensitive values (passwords, tokens, authorization headers, API keys, cookies) are automatically redacted before storage.