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.bizCloudflare 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.exeWindows 原生进程,彻底杜绝 WSL 网络断线与 530 故障
Cloudflare Tunnel ID5240889b-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 触屏适配)

  1. 零配置自动连接
    • 访问 https://live.hsdesign.biz/ 会自动带上 ?autoconnect=true&resize=scale&reconnect=true 参数。
  2. 手势操作指南
    • 单指点击:鼠标左键点击(点击输入框呼出手机键盘、点击网页按钮)。
    • 单指拖拽:鼠标移动与选取。
    • 侧边栏呼出:点击屏幕左侧半透明小箭头,可随时呼出虚拟按键(Ctrl/Alt/Esc/Tab)与全屏切换。
    • 双指缩放:页面全局自由无级缩放。