DevLens DevFlow

DevTools network inspector and user-flow recorder that exports Playwright tests, bug reports and AI-ready Markdown.

Turn what happens in the browser into a bug report, a test or context for your AI assistant. DevLens DevFlow combines a DevTools network inspector with a user-flow recorder. Record what you did, see what the page requested, and export it in a form that’s ready to paste. NETWORK INSPECTOR (DEVTOOLS PANEL) • Open DevTools and choose the DevFlow panel to capture the inspected tab’s requests • Filter by URL, method and status class. Show only Fetch/XHR, or hide static assets • Duplicate detector highlights identical requests sent within one second, a common double-submit bug • Request and response headers, request body and pretty-printed response body • Copy any request as cURL (bash or Windows cmd), PowerShell, fetch() or a Playwright page.route() mock FLOW RECORDER • Record clicks, text input, form changes, key presses and navigation as one timeline • Elements are described the way tests find them: role and accessible name, label, data-testid or text • Input values are masked by default and password fields are always masked • Add marker notes while recording (e.g. “now clicking Submit twice”) • Recorded flows are kept on your device, and you can delete them at any time EXPORTS • Playwright test skeleton with role and label locators • Bug report in Markdown: steps to reproduce, expected vs actual, and failing requests • Feature-map evidence in Markdown for AI coding assistants • Raw JSON PRIVATE BY DESIGN • Site access is optional and granted per site. The recorder stays inactive until you click Record • No accounts, no analytics, no network requests from the extension Part of DevLens, a set of focused, offline developer tools for Chrome.