# ChromeDevTools/chrome-devtools-mcp

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/chromedevtools-chrome-devtools-mcp).**

26,046 stars · 1,533 forks · TypeScript · apache-2.0

## Links

- GitHub: https://github.com/ChromeDevTools/chrome-devtools-mcp
- Homepage: https://npmjs.org/package/chrome-devtools-mcp
- awesome-repositories: https://awesome-repositories.com/repository/chromedevtools-chrome-devtools-mcp.md

## Topics

`browser` `chrome` `chrome-devtools` `debugging` `devtools` `mcp` `mcp-server` `puppeteer`

## Description

This project serves as an agentic browser controller, providing a programmatic bridge that enables autonomous software agents to navigate web pages and interact with document elements. It functions as a browser automation protocol, facilitating headless browser operations and automated web interactions to perform repetitive tasks and end-to-end testing without manual human input.

The system distinguishes itself by utilizing the Chrome DevTools Protocol to establish a bidirectional communication channel with the browser engine. This allows for protocol-based remote control, where external applications can execute complex commands, capture visual snapshots, and inspect document structures. To maintain stability and security, the controller manages session-isolated browser instances, ensuring that concurrent tasks remain independent through unique data directories.

Beyond core automation, the project provides a middleware layer for remote browser debugging and programmatic web inspection. It supports asynchronous command execution to handle multi-step interactions without blocking the host application, and it offers tools to connect local or remote development environments to active browser sessions for consistent testing across various interfaces.

## Tags

### Web Development

- [Headless Browsers](https://awesome-repositories.com/f/web-development/headless-browsers.md) — Operates a full-featured web browser without a graphical user interface for high-speed testing and data extraction.
- [Web Automation Frameworks](https://awesome-repositories.com/f/web-development/web-automation-frameworks.md) — Enables building scripts that navigate websites, click buttons, and extract data without manual human input.
- [Web Interaction Agents](https://awesome-repositories.com/f/web-development/web-interaction-agents.md) — Directs browser instances through an interface to perform repetitive web actions and inspect page elements programmatically. ([source](https://npmjs.org/package/chrome-devtools-mcp))
- [Browser Automation Protocols](https://awesome-repositories.com/f/web-development/browser-automation-protocols.md) — Provides a standardized communication interface for controlling web browser instances to perform automated tasks.
- [Browser Automation Toolkits](https://awesome-repositories.com/f/web-development/browser-automation-toolkits.md) — Performs web actions like navigation and snapshot capturing by invoking standardized tools through a secure protocol. ([source](https://npmjs.org/package/chrome-devtools-mcp))
- [Remote Browser Controllers](https://awesome-repositories.com/f/web-development/remote-browser-controllers.md) — Uses a standardized messaging interface to send commands and receive events between a client and a remote browser instance.
- [Browser Session Managers](https://awesome-repositories.com/f/web-development/browser-session-managers.md) — Launches independent browser processes with unique data directories to ensure secure and isolated automated tasks.
- [Remote Debugging Tools](https://awesome-repositories.com/f/web-development/remote-debugging-tools.md) — Connects development tools to live browser sessions to inspect page structures and troubleshoot issues.
- [Asynchronous Execution Engines](https://awesome-repositories.com/f/web-development/asynchronous-execution-engines.md) — Processes browser instructions through a non-blocking message queue to enable complex, multi-step web interactions.
- [Remote Debugging Interfaces](https://awesome-repositories.com/f/web-development/remote-debugging-interfaces.md) — Connects external applications to browser sessions to monitor, manipulate, and troubleshoot live web environments.
- [Session Orchestration Tools](https://awesome-repositories.com/f/web-development/session-orchestration-tools.md) — Organizes active browser sessions by connecting to running instances and handling concurrent users. ([source](https://npmjs.org/package/chrome-devtools-mcp))

### Testing & Quality Assurance

- [Browser-Based Testing Tools](https://awesome-repositories.com/f/testing-quality-assurance/browser-based-testing-tools.md) — Runs reliable end-to-end tests by controlling browser instances to verify application behavior.

### Artificial Intelligence & ML

- [Agentic Browser Controllers](https://awesome-repositories.com/f/artificial-intelligence-ml/agentic-browser-controllers.md) — Provides a programmatic bridge that allows autonomous software agents to navigate web pages and interact with elements.

### System Administration & Monitoring

- [Browser Debugging Protocols](https://awesome-repositories.com/f/system-administration-monitoring/browser-debugging-protocols.md) — Communicates with the browser engine through a bidirectional JSON-RPC channel to inspect, debug, and manipulate web page states.