Give your coding agent the full DevTools toolbox: traces, network, console, heap snapshots and Lighthouse.
Google's official server lets coding agents drive and inspect a live Chrome instance — performance traces, network logs, console errors and Lighthouse audits.
Node.js LTS, npm, and a current stable (or newer) build of Google Chrome or Chrome for Testing.
Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.
Record a trace on a real navigation, ask the agent which insight matters most, and have it point at the specific script or layout shift responsible.
Let the agent walk the steps, read the console with source maps applied, pull the failing request body, and correlate all of it with your codebase.
Run lighthouse_audit against a preview deployment and get a written summary of regressions before the PR is merged.
Capture heap snapshots before and after a suspect interaction, compare them, and inspect retaining paths without manually navigating the Memory panel.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| navigate_page | Navigate the selected page to a URL. |
| new_page | Open a new page or tab. |
| list_pages | List the pages currently open in the browser. |
| select_page | Choose which open page subsequent tools act on. |
| close_page | Close a page. |
| click | Click an element identified from a snapshot. |
| click_at | Click at explicit coordinates on the page. |
| drag | Drag from one element to another. |
| hover | Hover over an element. |
| fill | Fill a single form field. |
| fill_form | Populate multiple form fields in one call. |
| type_text | Type text into the focused element. |
| press_key | Send a keyboard key to the page. |
| upload_file | Attach a file to a file input. |
| handle_dialog | Accept or dismiss a native browser dialog. |
| wait_for | Wait until a condition on the page is met. |
| emulate | Emulate a device, network or CPU condition. |
| resize_page | Change the viewport size. |
| take_snapshot | Capture the accessibility tree as text for element targeting. |
| take_screenshot | Capture a screenshot of the page or an element. |
| screencast_start | Begin recording a screencast of the page. |
| screencast_stop | Stop the screencast recording. |
| list_network_requests | List network requests observed on the page. |
| get_network_request | Return full detail for a single network request. |
| list_console_messages | List console messages, including source-mapped stack traces. |
| get_console_message | Fetch one console message in detail. |
| evaluate_script | Run JavaScript in the page context. |
| performance_start_trace | Start recording a DevTools performance trace. |
| performance_stop_trace | Stop the trace and return the recorded data. |
| performance_analyze_insight | Explain a specific performance insight found in the recorded trace. |
| lighthouse_audit | Run a Lighthouse audit and return a structured report. |
| take_heapsnapshot | Capture a JavaScript heap snapshot. |
| compare_heapsnapshots | Diff two heap snapshots to find growth between them. |
| get_heapsnapshot_retainers | Show what is retaining an object in a heap snapshot. |
| install_extension | Install an unpacked Chrome extension into the controlled browser. |
| list_extensions | List extensions loaded in the browser. |
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}Node.js LTS, npm, and a current stable (or newer) build of Google Chrome or Chrome for Testing.
| Variable | Description | Required |
|---|---|---|
| CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS | Set to disable Google's default collection of tool usage statistics. Collection is also disabled automatically when CI is set.e.g. 1 | Optional |
| CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS | Set to stop the server periodically checking npm for newer versions.e.g. 1 | Optional |
Use Microsoft’s Playwright MCP server to navigate pages, inspect accessibility snapshots, fill forms and capture browser screenshots.
The original Chromium automation reference server — simple, screenshot-driven browser control.
LionScraper Node: MCP stdio + CLI + HTTP API bridging AI to LionScraper browser extension.
Ceki.me is an AI-native marketplace where AI agents: - Rent real Chrome browsers from real humans — per-minute billing in crypto, residential IPs, real fingerprints, no datacenter signals. - Hire…
Programmatic headless browser sessions: create, interact, browse, and extract - rendered in a real
Browser automation CLI for AI agents