Web 实时协同浏览器系统(Mode 2 - 官方 Google Chrome Stable 生产定案版)[IDAPC]
用途:为 CEO Sozo 提供零安装(免 Tailscale / 免 VPN)通过全球公网永久固定 HTTPS 网址(
https://live.hsdesign.biz)在手机(S23)、平板(Tab)或任意电脑端实时同屏查看 AI 自动化操作,并支持手指触控与鼠标键盘接管。 生产内核:官方 Google Chrome Stable(Chrome 152.0.7977.64) + Windows 原生 Cloudflare 命名隧道(HTTP/2 4 节点冗余)。实测 100% 完整渲染小红书创作者平台(creator.xiaohongshu.com)与 Google,支持 CDP(:9222)远程调试协议。 探活实测:高频探活 100% 返回HTTP 200 OK,平均延迟 ~200ms,画质极佳、零断线。
一、系统整体架构
[CEO 移动端 (S23 / Tab / PC 浏览器)]
│ HTTPS / WSS (全球 CDN 边缘加速)
▼
[Cloudflare Edge / Named Tunnel `livecollab` (HTTP/2 4-Edge Redundancy)]
│ 固定域名: https://live.hsdesign.biz
▼
[Windows 宿主原生 cloudflared.exe] (直通 127.0.0.1:6080)
│ Local TCP Loopback
▼
[WebSockify + noVNC Web UI] (Debian WSL 127.0.0.1:6080)
│ WebSocket -> TCP RFB Bridge
▼
[x11vnc Server] (127.0.0.1:5900, -shared 多端协同)
│ X11 RFB Framebuffer
▼
[Xvfb 虚拟显示器 :99 (1280x800x24) + Fluxbox 窗口管理器]
│ X11 Display
▼
[官方 Google Chrome Stable 152+] (UserData `/root/.config/google-chrome/collab` + CDP `:9222`)
二、关键配置与路径清单
| 组件 | 配置 / 路径 | 说明 |
|---|---|---|
| 永久公网域名 | https://live.hsdesign.biz | Cloudflare Named Tunnel 永久解析,永不失效 |
| App Portal 挂载 | https://hs-app-portal.pages.dev/ | 已作为第 7 个 PUBLIC 核心卡片正式挂载 |
| 浏览器引擎 | Google Chrome Stable 152.0.7977.64 | 官方版,高画质高帧率渲染,完美支持小红书与 Sheets |
| CDP 远程调试端点 | http://127.0.0.1:9222 | 支持 CDP 自动化注入与 Agent 协同接管 |
| 持久化 Cookie 目录 | /root/.config/google-chrome/collab | 保证小红书/抖音等平台扫码后 Cookie 永久持久化 |
| Windows 原生穿透 | D:\ida ceo\collaborative-browser\cloudflared.exe | Windows 原生进程,彻底杜绝 WSL 网络断线与 530 故障 |
| Cloudflare Tunnel ID | 5240889b-922b-41f4-8406-91e18c3695f3 (livecollab) | 4 边缘节点冗余 (KUL/SIN) |
| 管理脚本目录 | D:\ida ceo\collaborative-browser\ | 统一放置启动/停止/状态检查脚本与守护进程 |
三、快速操作命令
1. Windows 端一键控制(推荐)
- 启动协同浏览器与原生固定隧道:
powershell -ExecutionPolicy Bypass -File "D:\ida ceo\collaborative-browser\start.ps1" - 检查运行状态与确认固定端点:
powershell -ExecutionPolicy Bypass -File "D:\ida ceo\collaborative-browser\status.ps1" - 停止所有服务:
powershell -ExecutionPolicy Bypass -File "D:\ida ceo\collaborative-browser\stop.ps1"
四、移动端体验优化(S23 / Tab 触屏适配)
- 零配置自动连接:
- 访问
https://live.hsdesign.biz/会自动带上?autoconnect=true&resize=scale&reconnect=true参数。
- 访问
- 手势操作指南:
- 单指点击:鼠标左键点击(点击输入框呼出手机键盘、点击网页按钮)。
- 单指拖拽:鼠标移动与选取。
- 侧边栏呼出:点击屏幕左侧半透明小箭头,可随时呼出虚拟按键(Ctrl/Alt/Esc/Tab)与全屏切换。
- 双指缩放:页面全局自由无级缩放。