mcpField
H
H/Ai Browser

H/Ai Browser

本地服务
marketplace.visualstudio.com浏览器自动化01 周前更新
代码仓库访问官网

关于 H/Ai Browser

H/Ai Browser 是一个 MCP 服务，让 AI 客户端操控 VS Code 集成浏览器中共享的标签页，支持页面交互与检查，并可定位所选元素的来源。

主要功能

  1. 01捕获页面快照
  2. 02点击、输入和填写表单
  3. 03管理标签页并截取屏幕
  4. 04检查控制台与网络日志
  5. 05读取所选元素

适用场景

  1. 01让 AI 客户端操作共享浏览器标签页
  2. 02检查控制台和网络活动
  3. 03将所选页面元素用作来源

MCP 相关

该 MCP 服务向 MCP 客户端提供浏览器控制与检查数据。H/Ai Browser 的 VS Code 扩展已捆绑并配置此服务，也可自行配置客户端直接运行软件包。

配置

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

mcp.json · 通用配置
{
  "mcpServers": {
    "festuscharles-n-hai-browser": {
      "command": "npx",
      "args": [
        "-y",
        "hai-browser-mcp"
      ]
    }
  }
}
启动命令npx -y hai-browser-mcp

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

安装包
npmhai-browser-mcp0.0.10

工具

24

收录的工具列表 · 更新于 2 周前

此工具无需参数。

详细介绍

hai-browser-mcp

适用于 H/Ai Browser 的 MCP 服务。它可让 Claude Code、Codex CLI、Gemini CLI、Cline 和其他 MCP 客户端操控你从 VS Code 的集成浏览器中共享的浏览器标签页，包括快照、点击、输入、表单、标签页、屏幕截图、控制台和网络日志，以及你选取的元素。

它需要在 VS Code 中运行 H/Ai Browser 扩展。该扩展已捆绑此服务，并会为你完成设置（H/Ai: Connect Claude Code / H/Ai: Connect Other Agents）。如果你更愿意自行配置客户端，请使用此软件包：

claude mcp add --scope user hai-browser -- npx -y hai-browser-mcp

{ "mcpServers": { "hai-browser": { "command": "npx", "args": ["-y", "hai-browser-mcp"] } } }

详情请参阅 https://github.com/SnapBlock/hai-browser。

评论

支持 Markdown

第一次接触 MCP？

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

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