A web-based viewer built to make sense of Automation logs such as ChromeDriver. This tool helps developers visualize, filter, and debug the communication between ChromeDriver and the browser.
- High Performance: Built to handle large log files smoothly.
- Advanced Parsing: Parses standard log files, extracting artifacts such as session and target IDs, log levels, and methods and important parameters from CDP messages.
- Visual Correlation:
- Distinct visual cues for Commands (Red/Left) and Responses (Green/Right).
- Lane Visualization to track concurrent sessions and requests.
- Filtering: Filter logs by text.
- Sticky Contexts: Keeps the current log context visible as you scroll.
- Drag & Drop: Simply drop your
.log,.txt, or protocol.jsonfiles to view them.
The log viewer supports the following log formats:
- ChromeDriver verbose log
- Puppeteer debug log
- Chrome DevTools protocol monitor JSON
- Blink inspector protocol test stderr logs
Head to https://googlechromelabs.github.io/chromedriver-log-viewer/ to use the latest build of this tool.
- Node.js (v18 or higher recommended)
- npm or yarn
-
Clone the repository:
git clone https://github.com/GoogleChromeLabs/chromedriver-log-viewer.git cd chromedriver-log-viewer -
Install dependencies:
npm install
Start the development server:
npm run devOpen http://localhost:5173 in your browser.
Build the app for production:
npm run buildPreview the production build:
npm run preview- Obtain a Log File: Run ChromeDriver with logging enabled.
chromedriver --verbose --log-path=chromedriver.log
- Open Viewer: Launch the app (locally or hosted).
- Drop File: Drag and drop your
chromedriver.logonto the window. - Analyze:
- Click on rows to expand/collapse JSON payloads.
- Use the filter bar to search for specific commands or IDs.
- Hover over correlation lanes to highlight related command/response pairs.
Apache-2.0
This is not an officially supported Google product. This project is not eligible for the Google Open Source Software Vulnerability Rewards Program.
