browscreen

简体中文 | English

浏览器画面与鼠标指针预览服务。browscreen（browser＋screen）通过 Chrome DevTools Protocol（CDP）连接已有 Chrome，将当前视口截图和外部提供的指针坐标合成 PNG，用于网页预览、图片接口和 webhook 推送。

功能

• 默认每 300 毫秒采集当前视口，网页、图片接口和 webhook 共用最新帧。
• 读取工作目录的 .cdp 连接浏览器，读取 .mouse 在 CSS 视口坐标上合成指针。
• 浏览器失效后清空旧图，在限定时间内重读端点并恢复采集。
• 正常退出时清空已有 .mouse，保留 .cdp 和外部浏览器。

服务采用 Python 3.14、FastAPI 和 Pydantic v2，一个进程运行一个采集循环。浏览器启动、页面导航和环境隔离由调用方管理；预览页只读，不转发鼠标或键盘操作。

安装

准备 uv 和 Python 3.14，从 GitHub 获取源码后安装：

git clone https://github.com/Pegasus-Yang/Browscreen.git
cd Browscreen
uv sync --locked --no-dev \
  -i http://mirrors.aliyun.com/pypi/simple/ \
  --trusted-host mirrors.aliyun.com
.venv/bin/browscreen version

需要安装 Python 时先执行 uv python install 3.14。当前安装方式为源码或自行构建的 wheel；详见安装与运行。

快速开始

准备一个已有工作目录，以及启用了远程调试、包含打开页面的 Chrome。将实际调试地址写入 .cdp：

work_dir="/absolute/path/to/workspace"
printf '%s\n' 'http://127.0.0.1:9222' > "$work_dir/.cdp"
uv run --no-sync browscreen --work-dir "$work_dir"

打开 http://127.0.0.1:8000/ 查看画面。另一个终端向同一目录的 .mouse 写入 320,180，即可在下一个新帧显示指针。工作目录和 Chrome 由外部系统准备，示例路径和端口需按实际环境替换。

.cdp 尚未可用时 HTTP 保持可访问，默认等待 60 秒，等待预算持续到首个有效 PNG 生成。超时后修正端点并重启服务。

命令行

安装后提供一个 browscreen 命令。在源码安装环境中，可通过 .venv/bin/browscreen 或 uv run --no-sync browscreen 调用。

默认省略网页轮询、HTTPX 请求和重复重试细节；状态变化、超时及异常仍会记录。同一 webhook 连续失败仅首次告警，恢复后记录一次；每帧仍按原规则发送。完整参数与日志说明见命令行参考。

HTTP 接口

截图与发送顺序执行，每帧向所有接收地址并发尝试一次。慢 webhook 会降低采集频率，每次发送最多等待 3 秒；失败不自动重试、不跟随重定向。注册保留至进程退出。协议与错误码见使用说明。

文档

• 安装与运行：环境、安装、启动、退出和构建。
• 命令行参考：命令、参数和日志级别。
• 使用说明：文件协议、预览、图片和 webhook。
• 文档导航：完整阅读路线和技术设计。
• 版本变动历史：各版本的新增、变更和修复。

开发与贡献

开发环境需要 Node.js 22 或更高版本，以运行预览脚本回归，无需 npm 依赖：

uv sync --locked --group dev \
  -i http://mirrors.aliyun.com/pypi/simple/ \
  --trusted-host mirrors.aliyun.com
.venv/bin/python -m pytest -q -W error

默认测试使用模拟浏览器端点；真实 Chrome 验证需要另行执行。缺少 Node.js 时预览测试会跳过，不代表前端验证通过。

问题和建议请提交到 GitHub Issues。提交改动前请阅读贡献指南。项目由 Pegasus-Yang 维护。

许可证

项目采用 MIT 许可证。