How do I connect Chrome DevTools Advanced MCP Server to Claude?

Run `claude mcp add chrome-devtools-advanced-mcp -- npx -y chrome-devtools-advanced-mcp --port=9223` in Claude Code, or add the same command and arguments under mcpServers in Cursor's mcp.json or Claude Desktop's claude_desktop_config.json, then restart the client. The blocks above are ready to paste.

Is Chrome DevTools Advanced MCP Server free?

The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.

What can Chrome DevTools Advanced MCP Server do?

Chrome DevTools Advanced MCP Server documents 29 tools to the agent, including browser_action, capture_network_on_action, close_browser. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.

Chrome DevTools Advanced MCP

Unclaimed

by Eddym06

Advanced Chrome automation MCP server combining Playwright + CDP: 15 smart workflows + 50 advanced tools for real-time network interception, HAR recording/replay, accessibility testing, smart workflows. Built for AI-powered browser automation.

Set up this server

Compare servers My Stack

01 / Choose your client

02 / Before you connect

Authentication is not specified. Check the project instructions before connecting.

Install the runtime required by the project and make it available to your client.

Project instructionsEnvironment variable names (optional)

Use names from the project instructions, separated by commas. Enter names only, never secret values.

03 / Add the configuration

Source: generated from public install instructions

claude mcp add --transport stdio 'chrome-devtools-advanced-mcp' -- 'npx' '-y' 'chrome-devtools-advanced-mcp' '--port=9223'

Run in your terminal after replacing any placeholders.

04 / Check it in your client

Open your client’s MCP settings and confirm the server connects and lists its tools. A copied configuration does not confirm a working connection.

Is this your MCP server?

This listing was auto-indexed from the public record. Claim it to edit the page, set compatibility and unlock growth tools. Takes under two minutes.

Claim this server

Security profile

Claimed and verified servers get a weekly static scan that shows what the code can reach: external services, environment variables, shell commands, agent configuration folders, plus any dependencies with known advisories. Claim this listing to get one. How the security profile works

29 of 29 tools

Documented tools (29)

From project documentation. A server handshake does not verify each tool’s description or behavior.

browser_action

Navigate, reload, go back/forward.

capture_network_on_action

Record traffic while performing an action.

close_browser

Safely closes the controlled session.

download_file

Click a download trigger, wait for it to finish, and get the saved file path.

emulate_network_conditions

Throttle to Slow 3G/4G/offline to test resilience.

enable_stealth_mode

Hides automation flags.

execute_script

Run custom JavaScript safely (requires return).

export_session

Save current session state to file.

extract_element_data

Get specific text or attributes from elements.

fill_form

Fill multiple fields (text/select/checkbox) in a single call instead of N performinteraction calls.

get_accessibility_tree

See the page structure as screen readers do (advanced tools).

get_console_logs

Read console.log/warn/error/info/debug and uncaught exceptions for a tab — capture starts automatically on first call.

get_html

Critical. Extracts simplified or full HTML. Supports selectors.

get_indexed_db

List IndexedDB databases, or read records from one.

get_local_storage

Read/Write local storage data.

get_page_metrics

Layout and viewport analysis.

launch_chrome_with_profile

Start Here! Launches Chrome with your cookies/extensions.

list_websocket_messages

Listen to socket traffic.

manage_tabs

Create, close, switch, or list tabs.

perform_interaction

Click, Type, Hover, Drag & Drop with auto-wait.

resend_network_request

Replay captured API calls.

run_performance_audit

Core Web Vitals (LCP, CLS) + basic timing via PerformanceObserver.

screenshot

Captures visual proof (png/jpeg).

set_geolocation

Mock GPS coordinates.

set_timezone

Change browser timezone.

set_user_agent

Spoof device/browser identity.

set_viewport

Resize window for responsive testing.

start_har_recording

Save full network logs (HAR format).

test_with_different_cookies

Test a URL with a different cookie set inside a throwaway, fully isolated browser context — never touches your real session.

Tool change history

Compared across complete checks of the same configuration. Tools were listed, not invoked. Input-schema changes are not measured here.

No complete tool checks yet.

FAQ

Questions about Chrome DevTools Advanced MCP Server

How do I connect Chrome DevTools Advanced MCP Server to Claude?: Run `claude mcp add chrome-devtools-advanced-mcp -- npx -y chrome-devtools-advanced-mcp --port=9223` in Claude Code, or add the same command and arguments under mcpServers in Cursor's mcp.json or Claude Desktop's claude_desktop_config.json, then restart the client. The blocks above are ready to paste.
Is Chrome DevTools Advanced MCP Server free?: The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.
What can Chrome DevTools Advanced MCP Server do?: Chrome DevTools Advanced MCP Server documents 29 tools to the agent, including browser_action, capture_network_on_action, close_browser. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.