mcpField
S
Site Sense

Site Sense

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

关于 Site Sense

Site Sense 通过浏览器扩展将当前标签页的无障碍树和截图提供给 AI 编码命令行工具。它采用只读、内存处理和本地通信,适合需要查看网页门户内容的编码场景。

主要功能

  1. 01捕获当前标签页无障碍树
  2. 02截取当前标签页画面
  3. 03查询连接和会话授权状态
  4. 04仅本地通信且不持久存储
  5. 05只读访问,不修改页面

适用场景

  1. 01让编码 Agent 查看网页门户
  2. 02检查云门户中的配置页面
  3. 03在命令行会话中查看当前网页

MCP 相关

MCP 服务通过本地桥接连接浏览器扩展,提供当前标签页捕获和连接状态查询工具。

配置

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

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

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

详细介绍

site-sense

CI Chrome Web Store License: Apache-2.0

让你的 AI 编码命令行工具看见 Web 门户。无需云端,不存储数据,只读。

site-sense 演示

你正在和 AI 助手对话。它说 “前往 Azure Portal,检查 NSG 规则。” 你切换窗口、导航、截图、描述所见,再把内容粘贴回去。你成了人工中间件。

site-sense 可以解决这个问题。 AI 调用 MCP 工具 → 浏览器扩展捕获当前标签页 → AI 看到你所看到的内容。

快速开始

选项 A:从 Chrome Web Store 安装(推荐)
  1. 从 Chrome Web Store 安装 site-sense
  2. 克隆仓库并运行设置:
git clone https://github.com/NordmanLive/site-sense.git
cd site-sense
npm install && npm run build
npm run setup -- --browser chrome    # or edge
选项 B:加载未打包的扩展(开发)
git clone https://github.com/NordmanLive/site-sense.git
cd site-sense
npm install && npm run build
npm run setup -- --browser chrome    # or edge

然后手动加载扩展:

  1. 打开 edge://extensions(或 chrome://extensions)
  2. 启用开发者模式
  3. 点击加载已解压的扩展程序 → 选择 dist/extension/

将以下内容添加到命令行工具的 MCP 配置中:

{
  "mcpServers": {
    "site-sense": {
      "command": "node",
      "args": ["/path/to/site-sense/dist/bridge/src/index.js"]
    }
  }
}

然后询问 AI:“我的浏览器标签页上有什么?”

首次使用时 → 会弹出窗口 → 点击允许 → 完成。之后所有捕获都会自动进行,直到你关闭终端。

工作原理

CLI (Claude Code / Copilot CLI)
    ↕ stdin/stdout (MCP protocol)
MCP Server (TypeScript)
    ↕ Unix domain socket (no network)
Native Host (thin relay)
    ↕ Chrome native messaging (stdio)
Extension (TypeScript, Manifest V3)
    ↕ inject → content → background
Browser Tab → accessibility tree + screenshot

两个 MCP 工具:

工具功能
site_sense_capture当前标签页的无障碍树和屏幕截图
site_sense_status检查连接状态和会话授权情况

权限模式

模式效果安装警告
默认在每个页面点击扩展图标以授予访问权限无
所有网站在弹出窗口中切换 → 可捕获任意页面一次性提示

CLI 会话结束时,所有网站权限会被撤销。

安全性

原则方式
不联网使用原生消息传递(stdio)——DLP 无法检测
不存储数据仅驻留内存——CLI 断开连接后即消失
不执行写操作绝不会点击、输入或修改页面
不申请宽泛权限activeTab + scripting + nativeMessaging
不捕获机密跳过表单值,移除 URL 令牌
权限仅限当前会话每次 CLI 会话都会重置权限

请参阅 SECURITY.md,了解威胁模型和 DLP 合规性。

架构

扩展包含三层处理流程:

层上下文职责
注入层页面(world: MAIN)遍历 DOM,构建紧凑的无障碍树
内容层隔离环境通过 postMessage 中继捕获请求(验证来源)
后台层Service Worker原生消息传递、会话状态、屏幕截图

技术栈

组件技术
扩展TypeScript + Vite
MCP 服务TypeScript + @modelcontextprotocol/sdk + zod
测试vitest — 10 个测试,耗时 <1s
构建包扩展 9KB,总计 7 个依赖项

故障排除

症状解决方法
connected: false扩展未加载,或 ID 不匹配。检查 edge://extensions。
Cannot capture导航到 http:// 或 https:// 页面。
内容脚本无响应点击页面上的扩展图标,或启用所有网站模式。
扩展图标显示为灰色在 edge://extensions 中重新加载扩展。

文档

文档用途
SECURITY.md威胁模型、DLP 合规性

许可证

Apache-2.0

评论

支持 Markdown

第一次接触 MCP?

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

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