mcpField
M
MCP Chrome Server

MCP Chrome Server

本地服务
github.com/dlwjdtn535浏览器自动化480 周前更新

关于 MCP Chrome Server

MCP Chrome Server 是用于浏览器自动化的 Chrome 服务,供需要通过 MCP 控制浏览器的用户使用。它支持浏览器操作、网页登录和元素交互,并可处理 CAPTCHA 与双重认证。

主要功能

  1. 01打开、关闭并导航浏览器
  2. 02自动填写网页登录信息
  3. 03点击页面元素并输入文本
  4. 04检测 CAPTCHA 和双重认证
  5. 05通过系统钥匙串管理凭据

适用场景

  1. 01自动执行网页登录流程
  2. 02导航至指定网页并操作元素
  3. 03在登录过程中处理 CAPTCHA 或双重认证

MCP 相关

该服务向 MCP 客户端提供 Chrome 浏览器控制、网页登录和元素操作工具。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"chrome-server": {
"command": "npx",
"args": [
"-y",
"@smithery/cli"
]
}
}
}
启动命令npx -y @smithery/cli

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@smithery/cli

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

MCP Chrome 服务

smithery badge Buy Me A Coffee

基于 MCP(模型-控制器-提示词)的 Chrome 服务,用于浏览器自动化。

安装

前置条件
  • Python 3.12
  • 已安装 Google Chrome 浏览器
  • uv(Python 软件包安装程序)或 Docker
通过 Smithery 安装
npx -y @smithery/cli install @dlwjdtn535/mcp-chrome-server --client claude
配置设置

根据你的环境选择以下一种设置方法:

1. 使用 uv(推荐)

Windows 设置:

{
  "mcpServers": {
    "mcp-chrome-server": {
      "command": "uv",
      "args": [
        "run",
        "--directory",
        "%LOCALAPPDATA%\\Programs\\mcp-chrome-server\\src",
        "mcp-chrome-server"
      ],
      "env": {
        "CHROME_PROFILE_PATH": "%LOCALAPPDATA%\\Google\\Chrome\\User Data"
      }
    }
  }
}

macOS 设置:

{
  "mcpServers": {
    "mcp-chrome-server": {
      "command": "uv",
      "args": [
        "run",
        "--directory",
        "/usr/local/bin/mcp-chrome-server/src",
        "mcp-chrome-server"
      ],
      "env": {
        "CHROME_PROFILE_PATH": "$HOME/Library/Application Support/Google/Chrome"
      }
    }
  }
}

Linux 设置:

{
  "mcpServers": {
    "mcp-chrome-server": {
      "command": "uv",
      "args": [
        "run",
        "--directory",
        "/usr/local/bin/mcp-chrome-server/src",
        "mcp-chrome-server"
      ],
      "env": {
        "CHROME_PROFILE_PATH": "$HOME/.config/google-chrome"
      }
    }
  }
}

配置

Chrome 配置文件路径

各操作系统的默认 Chrome 配置文件路径:

操作系统路径
Windows%LOCALAPPDATA%\Google\Chrome\User Data
macOS~/Library/Application Support/Google/Chrome
Linux~/.config/google-chrome
重要说明
  • 启动自动化服务前,请关闭所有正在运行的 Chrome 实例
  • 确保对 Chrome 配置文件目录拥有适当的权限
  • 使用 Docker 设置时,请确保卷挂载路径与系统的 Chrome 配置文件路径一致
凭据管理

使用系统钥匙串安全地存储和管理登录信息:

# Save credentials
result = tool_save_credentials(
    site="example.com",
    username="your_username",
    password="your_password"
)

# Retrieve saved credentials
result = tool_get_credentials(
    site="example.com",
    username="your_username"
)

主要功能

浏览器控制
# Open browser
result = tool_open_browser()

# Navigate to URL
result = tool_navigate(url="https://example.com")

# Close browser
result = tool_close_browser()
网页登录
result = tool_web_login(
    url="https://example.com/login",
    credentials={
        "username": "your_username",
        "password": "your_password"
    },
    selectors={
        "username": "#id",
        "password": "#pw",
        "submit": ".login-button"
    }
)

特殊处理:

  • 检测到 CAPTCHA 时,等待用户完成验证
  • 自动检测双重身份验证
  • 详细分析登录失败的情况
元素操作
# Click element
result = tool_click(selector=".button")

# Type text
result = tool_type(
    selector="#input-field",
    text="Hello, World!"
)

# Get text
result = tool_get_text(selector=".content")

# Get multiple elements
result = tool_get_elements(selector=".items")

重要注意事项

  1. Chrome 配置文件使用

    • 确认配置了正确的配置文件路径
    • 关闭所有使用该配置文件的其他 Chrome 窗口
  2. 防止自动化检测

    • 模拟自然的用户行为
    • 在登录尝试之间保持适当的间隔
  3. 安全性

    • 重要凭据始终使用系统钥匙串存储
    • 切勿在环境变量或配置文件中直接暴露凭据

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。