chrome-devtools-mcp

概述

Chrome DevTools for Agents 为 AI 编码助手提供对 Chrome 完整功能的访问，包括性能分析、网络调试和浏览器自动化。它使用 Puppeteer 实现可靠自动化，利用 Chrome DevTools 进行深度检查。服务器提供记录追踪、截图、分析网络请求和访问带源映射堆栈跟踪的控制台消息等功能。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

• navigatenavigate(url: string)

  Navigate the browser to a specific URL

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

  Click on an element matching the given selector

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

  Type text into an element matching the given selector

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

  Take a screenshot of the current page

  试试:Take a screenshot of the page试试:Capture a screenshot of the dashboard
• get_elementget_element(selector: string)

  Get information about an element matching the given selector

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

  Get information about all elements matching the given selector

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

  Get the title of the current page

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

  Get the HTML source of the current page

  试试:Show me the page source试试:Get the HTML content of the current page
• get_console_messagesget_console_messages()

  Get console messages from the browser

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

  Get network requests made by the browser

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

  Execute JavaScript in the current page

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

  Wait for an element to appear on the page

  试试:Wait for the loading spinner to disappear试试:Wait for the element with id 'submit' to be visible

说明：Tool names and descriptions extracted from the tool reference documentation mentioned in the README.

可对比工具

安装

{
  "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

支持哪些浏览器？

Chrome DevTools MCP 官方仅支持 Google Chrome 和 Chrome for Testing。其他基于 Chromium 的浏览器可能可用但不保证。

是否收集使用数据？

是的，Google 默认收集使用统计数据以提高可靠性和性能。您可以使用 --no-usage-statistics 标志选择退出。

Hacker News 讨论

开发者社区最近的相关讨论。

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

chrome-devtools-mcp 对比