Blackbox is a web extension that records user interactions, console logs, and network requests on websites. It provides a seamless way to capture, review, and share browser sessions for debugging, QA, or user experience analysis.
- User Interaction Recording: Captures clicks, typing, and other user events.
- Console Logs & Network Requests: Records JavaScript console output and network activity during sessions, giving complete insight into runtime behavior.
- Save & Export Recordings: Save sessions locally and export them as JSON for archiving or sharing.
- Replay Functionality: Import exported JSONs and play them back on the Replay page—complete with page interactions, network requests, and logs.
- Get the latest release from: https://github.com/anudeepreddy/blackbox/releases
- Unzip the downloaded file
- Open Chrome and go to chrome://extensions/
- Enable "Developer mode" (toggle in top right)
- Click "Load unpacked" button
- Select the folder where you extracted the extension
- The extension will load and appear in your list
-
Clone the Repo:
git clone https://github.com/anudeepreddy/blackbox.git cd blackbox -
Build & Load Extension:
npm run build
-
Open Chrome and go to chrome://extensions/
-
Enable "Developer mode" (toggle in top right)
-
Click "Load unpacked" button
-
Select the folder
.output/chrome-mv3 -
The extension will load and appear in your list
-
Start Recording:
Click the Blackbox extension icon and start recording your session. -
Interact with the Page:
All your actions, console logs, and network requests are tracked. -
Stop Recording:
Click on Blackbox extension icon and Stop recording. -
Replay:
Replay page should automatically open once the recording is stopped. View a playback of the session, including user actions, logs, and network requests.
Pull requests and issues are welcome!
- Bug reports, feature suggestions, and improvements are appreciated.
- Please follow the existing code style and add tests when appropriate.
MIT