内容
# domshot
MCP 服务器，用于获取 DOM 元素的浏览器截图。
https://github.com/user-attachments/assets/1ab36d65-32be-42f5-b3fc-97618c2e96a7
### 安装
```bash
$ git clone https://github.com/adtac/domshot.git
$ claude mcp add domshot -- $PWD/domshot/mcp.sh
```
重启 Claude。
### 使用
在您想要让 Claude 访问的页面上的 **Chrome DevTools** 的 **控制台** 选项卡中粘贴以下内容：
```js
const el = document.createElement("script"); el.src = "http://localhost:8000/embed.js"; document.head.appendChild(el);
```
然后让 Claude 调用 `get_browser_screenshot` 并描述结果。
<details>
<summary>查看示例</summary>
```
$ claude
╭───────────────────────────────────────────────────╮
│ ✻ 欢迎使用 Claude 代码！ │
│ │
│ /help 获取帮助，/status 查看当前设置 │
│ │
│ cwd: /Users/user/src/tmp/domshot │
╰───────────────────────────────────────────────────╯
> 调用 get_browser_screenshot 工具并描述结果
⏺ 我将调用浏览器截图工具并描述我看到的内容。
⏺ domshot:get_browser_screenshot (MCP)
⎿
⎿ [图像]
⏺ 截图显示一个简单的红色网页，网页上显示白色文本“RED”，居中于纯红色背景上。
```
</details>
### 许可
MIT
MCP 市场