Chrome DevTools
Chrome DevTools MCP by Google lets AI coding agents control and inspect a live Chrome browser through the DevTools Protocol. It supports navigation, input automation, DOM and console inspection, network request capture, Lighthouse audits, performance tracing, and memory heap-snapshot analysis for real debugging.
Install Chrome DevTools
- Published by
- Official (vendor)
- Transport
- Local process (stdio)
- Authentication
- None
- Package
- chrome-devtools-mcp
Claude Desktop, Claude Code and Cursor
Add this to the mcpServers object in your client's
config file, then restart the client.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest"
]
}
}
}VS Code uses a different key — show that config
Identical entry, filed under servers rather than
mcpServers. Put it in
.vscode/mcp.json for one workspace.
{
"servers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest"
]
}
}
}Before it will answer
Drives Chrome through the DevTools protocol, which means it can read whatever the browser it attaches to can read. Point it at a dedicated profile rather than the one holding your logged-in sessions.
Tools
click
Click on an element identified in the page snapshot.
click_at
Click the mouse at specific x/y coordinates on the page.
close_page
Close a specific browser tab or page and free its resources.
emulate
Emulate a device profile or throttled network condition.
evaluate_script
Execute arbitrary JavaScript in the context of the current page.
fill
Fill a single input field with the provided text value.
fill_form
Populate multiple form fields in one structured call.
get_network_request
Retrieve full details for a single captured request.
hover
Move the cursor over an element to trigger hover states.
lighthouse_audit
Run a Lighthouse audit against the current page for scores and tips.
list_console_messages
List all console messages captured from the current page so far.
list_network_requests
List the network requests captured for the current page load.
list_pages
List all currently open browser tabs and pages in the session.
navigate_page
Navigate the active browser page to the given URL and wait for load.
new_page
Open a new browser tab, optionally at a starting URL.
performance_analyze_insight
Analyze a recorded performance trace for insights.
performance_start_trace
Begin recording a Chrome DevTools performance trace of the page.
performance_stop_trace
Stop the active performance trace and return the recorded profile.
press_key
Press a keyboard key while interacting with the page.
resize_page
Adjust the viewport dimensions of the current page.
select_page
Switch the active context to a different open page.
take_screenshot
Capture a screenshot of the page or a selected element.
take_snapshot
Create a structured DOM snapshot of the current page.
type_text
Type text into the currently focused editable element.
upload_file
Upload a file to the page through a chosen file input element.
wait_for
Wait for an element or condition before continuing.