内容
# 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
连接信息
猜你喜欢
everything-claude-code
完整的 Claude Code 配置集合 - agents、skills、hooks、commands、rules、MCPs。来自 Anthropic...
Firecrawl
Firecrawl MCP Server 实现了网页抓取、爬虫和内容提取功能。
MarkItDown MCP
MarkItDown-MCP是一个轻量级服务器,用于将URI转换为Markdown。
cc-switch
跨平台的Claude Code、Codex和Gemini CLI一体化助手。
Agent-Reach
赋予你的AI Agent观察整个互联网的眼睛。读取并搜索...
servers
# 模型上下文协议服务器