chrome-devtools-mcp

Overview

Chrome DevTools for Agents provides AI coding assistants with access to Chrome's full capabilities including performance analysis, network debugging, and browser automation. It uses Puppeteer for reliable automation and Chrome DevTools for deep inspection. The server exposes tools for recording traces, taking screenshots, analyzing network requests, and accessing console messages with source-mapped stack traces.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

• navigatenavigate(url: string)

  Navigate the browser to a specific URL

  Try:Go to https://example.comTry:Navigate to the login page
• clickclick(selector: string)

  Click on an element matching the given selector

  Try:Click the submit buttonTry:Click on the element with id 'submit'
• typetype(selector: string, text: string)

  Type text into an element matching the given selector

  Try:Type 'John Doe' into the name fieldTry:Enter my email in the input field
• screenshotscreenshot()

  Take a screenshot of the current page

  Try:Take a screenshot of the pageTry:Capture a screenshot of the dashboard
• get_elementget_element(selector: string)

  Get information about an element matching the given selector

  Try:Get information about the main headingTry:Find details about the element with class 'price'
• get_elementsget_elements(selector: string)

  Get information about all elements matching the given selector

  Try:Get all the links on the pageTry:Find all elements with class 'product-item'
• get_page_titleget_page_title()

  Get the title of the current page

  Try:What's the title of this page?Try:Get the page title
• get_page_sourceget_page_source()

  Get the HTML source of the current page

  Try:Show me the page sourceTry:Get the HTML content of the current page
• get_console_messagesget_console_messages()

  Get console messages from the browser

  Try:What are the console errors?Try:Get all console messages
• get_network_requestsget_network_requests()

  Get network requests made by the browser

  Try:Show me all network requestsTry:What API calls were made?
• evaluateevaluate(script: string)

  Execute JavaScript in the current page

  Try:Run 'console.log(window.location.href)'Try:Execute 'document.body.scrollIntoView()'
• wait_for_selectorwait_for_selector(selector: string)

  Wait for an element to appear on the page

  Try:Wait for the loading spinner to disappearTry:Wait for the element with id 'submit' to be visible

Note: Tool names and descriptions extracted from the tool reference documentation mentioned in the README.

Comparable tools

Installation

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest", "--slim", "--headless"]
    }
  }
}

FAQ

Which browsers are supported?

Chrome DevTools MCP officially supports Google Chrome and Chrome for Testing only. Other Chromium-based browsers may work but aren't guaranteed.

Is usage data collected?

Yes, Google collects usage statistics by default to improve reliability and performance. You can opt-out with the --no-usage-statistics flag.

On Hacker News

Recent discussion from the developer community.

• ChromeDevTools/Chrome-devtools-MCP: Chrome DevTools for coding agents▲ 11
  Story by fmoronzirfas · 2025-09-28
• Chrome DevTools for Coding Agents▲ 1
  Story by nateb2022 · 2025-09-26

Compare chrome-devtools-mcp with