Fast Recorder & Playback

Record & Playback web workflows with variables, CSV data runs, screenshots, file uploads, drag-drop, and JS scripting

Fast Recorder & Playback lets you record browser interactions and replay them automatically — across pages, iframes, tabs, and complex multi-step flows — with zero coding required. ──────────────────────────────────────── 🎬 RECORD & PLAYBACK ──────────────────────────────────────── • Record clicks and text input in real time — typing is debounced so you get one clean action per field, not one per keystroke • Add any of the other 14 action types manually (hover, drag & drop, navigate, upload, conditions…) • Replay any saved scenario with one click • Loop N times with configurable delay between iterations • Schedule playback at a set time — one-off or repeat daily • Sequence playback — run multiple scenarios back-to-back, each with its own delay • Works inside iframes, and resumes automatically if the page reloads mid-playback • Undo/redo on the action list — up to 50 steps ──────────────────────────────────────── 📊 CSV DATA-DRIVEN AUTOMATION ──────────────────────────────────────── • Upload a CSV file and run your scenario once per row • Each column maps to a ${variable} in your scenario • Export results as XLSX (images in cells), HTML (embedded screenshots), or ZIP (screenshot files + CSV) • Live progress panel shows current row, status, and elapsed time ──────────────────────────────────────── ⚙️ 16 ACTION TYPES ──────────────────────────────────────── DOM Actions: click, input, hover, open dropdown (CDP trusted click), drag & drop Navigation & Control: navigate to URL, wait (ms), run JavaScript via CDP Control Flow: condition (12 check types), switch (branch by variable value) Data & Capture: readDOM → store as variable, screenshot (visible), screenshot (full page), screenshot (element), screenshot → variable (for CSV export) File Automation: upload file to <input type="file"> or drag-and-drop zone — supports multiple files per action and ${variable} filenames Condition types: elementExists, elementNotExists, elementVisible, elementHidden, textContains, textEquals, valueEquals, valueContains, urlContains, urlEquals, hasClass, hasAttribute ──────────────────────────────────────── 🔤 VARIABLE SYSTEM ──────────────────────────────────────── • Define global ${variables} and reuse them across selectors, values, URLs, and scripts • 4 variable types: – Static — fixed plain-text value – Random — generated fresh each run: Letters, Numbers, Alphanumeric, or Datetime (YYYY-MM-DD_HH-MM-SS) – Pick — randomly selects one option from a list per run – Fallback — tries values A → B → C in order; sticky per run (designed for use with Child Condition) • readDOM action extracts live page content into a variable at runtime • CSV rows override variables per iteration — no scenario edits needed • Priority: CSV row > readDOM result > global variable ──────────────────────────────────────── 📸 SCREENSHOT & CAPTURE ──────────────────────────────────────── • 6 capture modes: Visible viewport, Full page, Scroll V/H panorama, Segment V/H, Element • Browser zoom is normalized to 100% before full-page and scroll captures, then restored — no distorted output on zoomed pages • Built-in crop & edit mode for every capture type, plus a standalone image editor for any image from clipboard or file • Image diff tool — pixel-level comparison with adjustable sensitivity • Optional watermark with {url} and {datetime} tokens • 10 configurable hotkeys covering every capture mode plus start/stop recording ──────────────────────────────────────── 🖍 HIGHLIGHT ──────────────────────────────────────── • Select text on any page and highlight it in 5 colors, with an optional note per highlight • Highlights are restored automatically on your next visit • Browse and search everything you've highlighted, filtered by color or by page • URL patterns with wildcards (site.com/*/settings, *.myapp.com/app/*) control where highlighting is active • Export all highlights as JSON ──────────────────────────────────────── 📤 EXPORT YOUR SCENARIOS ──────────────────────────────────────── • JS Bookmarklet — run any scenario directly from the browser bookmarks bar, no extension needed (screenshot and switch actions are skipped) • Selenium Python — generate a ready-to-run .py script (supports Chrome, Firefox, Edge, Safari) • Export / import scenarios, folders, and full backup/restore ──────────────────────────────────────── 🎨 UI & SETTINGS ──────────────────────────────────────── • Dark / light theme • 5 tabs — Record & Play, Data, Capture, Highlight, Settings — drag to reorder, order saved across sessions • All hotkeys configurable and synced across devices via chrome.storage.sync • Child Condition — target a parent container and match a child by value, text, id, class, or input type ──────────────────────────────────────── 🔒 SMART SELECTOR ENGINE ──────────────────────────────────────── Records up to 8 selector candidates per element and tries them in order during playback: fullXPath → id → XPath → CSS → CSS through open shadow roots → data-testid → data-id → name → text. Falls back to MutationObserver if the element loads late. ──────────────────────────────────────── ⚡ ZERO DEPENDENCIES ──────────────────────────────────────── No npm, no bundler, no external CDN. Pure Manifest V3 service worker architecture. Requires Chrome 109+. All data stored locally — nothing leaves your browser. ──────────────────────────────────────── TYPICAL USE CASES ──────────────────────────────────────── ✅ Automate repetitive form submissions ✅ Regression-test a web app UI without writing code ✅ Run the same workflow across hundreds of CSV rows (data entry, bulk operations) ✅ Schedule a daily login + data export sequence ✅ Generate a Selenium test script from a recorded session ✅ Capture full-page screenshots of multiple pages in one run ✅ Upload different files per CSV row to forms or drag-and-drop zones ✅ Highlight and collect key passages across research or documentation sites