# Chrome DevTools MCP (MCP Server)

> Let coding agents control and debug a live Chrome browser

- Type: MCP server
- Publisher: Google Chrome DevTools (official)
- Categories: Development
- Website: https://github.com/ChromeDevTools/chrome-devtools-mcp
- Docs: https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/tool-reference.md
- Source: https://github.com/ChromeDevTools/chrome-devtools-mcp
- Transport: stdio
- Launch command: npx -y chrome-devtools-mcp@latest
- Sign-in: none
- GitHub stars: 52845
- Listed: 2025-09-23

## About

Official Chrome DevTools MCP server that gives agents control of a live Chrome instance via Puppeteer. Agents can automate input, inspect network requests and console messages, record performance traces with DevTools insights, run Lighthouse audits and analyze heap snapshots.

## Install

1. **Add the server to Codex**

   Codex CLI:

   ```bash
   codex mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest
   ```

   config.toml:

   ```toml
   [mcp_servers.chrome-devtools]
   command = "npx"
   args = ["-y", "chrome-devtools-mcp@latest"]
   ```

   Agents SDK:

   ```python
   from agents import Agent, Runner
   from agents.mcp import MCPServerStdio
   
   async with MCPServerStdio(
       name="Chrome DevTools MCP",
       params={"command": "npx", "args": ["-y", "chrome-devtools-mcp@latest"]},
   ) as server:
       agent = Agent(name="Assistant", mcp_servers=[server])
       result = await Runner.run(agent, "Check the LCP of web.dev and suggest fixes")
       print(result.final_output)
   ```

## Tools

- `navigate_page`
- `new_page`
- `list_pages`
- `click`
- `fill_form`
- `take_snapshot`
- `take_screenshot`
- `evaluate_script`
- `list_console_messages`
- `list_network_requests`
- `performance_start_trace`
- `lighthouse_audit`

## Example prompts

- "Check the LCP of web.dev and suggest fixes"
- "Why does the submit button on localhost:8080 not work? Check console errors"
- "List failed network requests on this page"
- "Run a Lighthouse audit on my landing page"

## Also available as

- plugin: [Modern Web Guidance](https://chatgptplugins.directory/plugins/modern-web-guidance.md)

## Related

- [Playwright MCP](https://chatgptplugins.directory/mcp/playwright.md): Browser automation for agents via Playwright accessibility snapshots
- [GitHub](https://chatgptplugins.directory/mcp/github.md): Manage repos, issues, pull requests and Actions from your AI agent
- [Context7](https://chatgptplugins.directory/mcp/context7.md): Pull up-to-date, version-specific library docs into your coding agent
- [Supabase](https://chatgptplugins.directory/mcp/supabase.md): Manage Supabase databases, migrations, edge functions and logs
- [Stripe](https://chatgptplugins.directory/mcp/stripe.md): Query and act on your Stripe account and search Stripe docs from any agent
- [Atlassian Rovo (Jira & Confluence)](https://chatgptplugins.directory/mcp/atlassian-rovo.md): Work with Jira issues and Confluence pages through Atlassian's hosted MCP

---
Source: https://chatgptplugins.directory/mcp/chrome-devtools · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.