Token导航 LogoToken导航TokenDH.com
Chrome Inspector MCP logo
浏览器工具未说明官方级别未说明来源级核验

Chrome Inspector MCP

MCP Server

Chrome检查器MCP是一个基于Chrome DevTools协议的工具,提供DOM元素、CSS规则和计算样式等功能,专为复杂调试需求设计。

工具数

6

提示词数

0

GitHub Stars

10

资源数

0
开发工具TypeScript浏览器自动化

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

作者 / 组织

devtoolcss

提供方

devtoolcss

最后核验

2026/5/17 20:19

快速接入

先看主来源和安装命令,再打开仓库或文档;下面只保留这个条目的关键接入事实。

详细介绍

铬检查器MCP

这给了代理人 DOM元素, CSS规则,以及 计算样式,工具 chrome-devtools-mcp 不提供。

对DevTools MCP的重新设计旨在使代理能够接管DevTools进行复杂的调试。欢迎提出任何建议。目前的方向包括:

  • Agent人机工程学:直接建立在 Chrome DevTools协议(CDP),为代理需求而非库约束进行设计
  • 可扩展性:让用户(和代理?)更容易破解和定制自己的工具集

演示

https://github.com/user-attachments/assets/c880a415-f35a-4fc4-93c4-001030116b90

安装

  1. 从安装扩展 发布
  1. 将以下配置添加到MCP客户端:
{
  "mcpServers": {
    "chrome-inspector": {
      "command": "npx",
      "args": ["-y", "chrome-inspector-mcp@latest"]
    }
  }
}

工具

TODO

  • 控制台js和消息
  • 设备仿真

指南

  1. 泛化:更喜欢采用程序化表达。让模型编码。
  1. 过滤:当原始输出可能很大时,提供内置的过滤逻辑。

运作原理

Chrome启动时,扩展程序的后台工作程序每隔几秒钟轮询一个特定端口。当MCP服务器从它们连接的地址启动时。通过manifest v3,一个后台工作程序提供一个配置文件,因此MCP服务器可以访问其所有选项卡(TODO:过滤)。

目前,该扩展处理所有DevTools逻辑,MCP服务器只是一个中继。然而Chrome扩展程序有很多限制,所以我计划转发 chrome API并保持MCP的Nodejs运行时中的内容 剧作家麦克的设计.

目录标签

目录标签

开发工具TypeScript浏览器自动化浏览器调试本地部署DOM检查CSS分析扩展性

接入字段

传输方式(transport,传输协议)

未说明

鉴权方式(authType,认证方式)

none

工具数量(toolCount,工具数)

6

资源数量(resourceCount,资源数)

0

提示词数量(promptCount,提示词数)

0

权限和风险

未说明none部署方式未说明

接入前请确认传输方式、认证方式和部署位置,并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

仍需确认:installCommand

来源信息

继续浏览同类 MCP