How to Record a Login Sequence with Chrome DevTools Recorder

Last updated: June 6, 2026

The Chrome DevTools Recorder allows you to capture your application's login sequence and upload it to the Astra dashboard for use during authenticated vulnerability scans. Follow the steps below to record and export your login flow.

For the latest reference, you can also consult Google's official documentation at developer.chrome.com/docs/devtools/recorder.

Step 1: Open Chrome in Incognito Mode

  1. Open Google Chrome.

  2. Open a new Incognito window using one of the following methods:

    • Keyboard shortcut: Ctrl + Shift + N (Windows/Linux) or Cmd + Shift + N (Mac)

    • Click the three dots in the top-right corner and select New Incognito Window

Step 2: Open the Recorder Panel in DevTools

  1. Right-click anywhere on the web page and select Inspect, or use the keyboard shortcut:

    • Ctrl + Shift + I (Windows/Linux)

    • Cmd + Option + I (Mac)

  2. In the DevTools panel, click the three dots icon in the top-right corner.

  3. Go to More tools → Recorder panel.

Alternatively, open the Command Menu (Ctrl + Shift + P on Windows/Linux or Cmd + Shift + P on Mac), type Show Recorder panel, and press Enter.

Access Recorder in DevTools

Step 3: Record the Login Sequence

Important: Do not log out of the application before clicking End recording, as this will capture the logout event as part of the recording.

  1. Navigate to your application's login page.

  2. In the Recorder panel, click Start new recording.

  3. Give your recording a meaningful name (e.g., "Login Flow") and click Start recording.

  4. Manually perform the login steps on the page — enter your username and password, and click the login button.

  5. Once you have successfully logged in, click the End recording button in the Recorder panel to stop.

Record Login Sequence

Step 4: Verify the Recording

  1. Close the Chrome window and reopen it in Incognito mode.

  2. Open the Recorder panel in DevTools and select the recording you just created.

  3. Click the Replay button in the top-right corner of the Recorder panel to verify the flow works correctly.

  4. If your application loads slowly, adjust the replay settings:

    • Click the Replay settings button below the recording name.

    • Set the network throttle to Slow 3G or increase the timeout to allow more time for page loads.

Verify The Recording

Step 5: Export Recorded Sequence as Puppeteer JSON

  1. In the Recorder panel, in the top-left corner you will see an icon to download the recorded file, click that.

  2. Select JSON to download it as a JSON file.

Export Recorded Sequence as Puppeteer JSON

Step 6: Upload the JSON File to Your Astra Dashboard

  1. Log in to your Astra dashboard.

  2. Open the scanner setup flow and navigate to the Login Recording step.

  3. Upload the JSON file you exported in the previous step.

Need Help?

If you encounter any issues while recording or uploading your login sequence, please reach out to our support team by raising a ticket from your Astra dashboard.