多屏操作同步工具，一次操作，多屏同步联动
开发初衷
在日常开发 Cocos 项目的过程中，我常常需要同时打开多个游戏预览窗口，
比如：
- 检查不同皮肤主题的表现
- 测试多分辨率适配
- 验证联机场景或大厅逻辑
- 比较不同资源版本的加载速度
这些操作往往都要重复点击、重复输入、重复切换。
尤其在 QA 测试阶段，一个简单的“进入游戏再退出大厅”操作，
可能要在 3～5 个窗口中反复执行，非常耗时。
于是我萌生了一个想法：
“能不能让我在一个窗口操作，其他窗口自动跟着执行？”
就这样，这款 多屏操作同步工具 诞生了。
它的目标很简单：
让多窗口调试、对比、验证的过程变得更高效。
工具简介
多屏操作同步工具 是一款基于 Cocos Creator 2.4.x 开发的辅助调试工具， 可以让开发者在多个游戏预览窗口上同步操作、同步调试、同步验证逻辑。
在多人联机、皮肤多版本、跨分辨率适配测试等场景下， 你再也不需要重复点击、重复输入、重复操作，实现 一次操作，多屏同步执行。
核心功能
1. 同步操作
- 支持多个 Cocos 预览窗口同时接收操作
- 鼠标点击、触摸、输入、拖拽等操作可同步广播
- Cocos 中子视图（如：iframe、webview）也可同步广播
2. 事件转发
- 自动捕获 DOM / Cocos 操作事件
- 对
cc.Node点击、输入框（EditBox）操作、滑动等交互精准还原 - 提供可视化界面，一键开关多屏同步
应用场景
| 场景 | 描述 |
|---|---|
 多皮肤同步预览 |
同时打开不同主题或皮肤的游戏版本，一次操作全部响应 |
 QA 自动化测试 |
测试人员只需操作一次即可复现多版本表现 |
 分辨率适配验证 |
多分辨率窗口并列展示，实时同步输入和事件 |
 联机调试 |
模拟多人操作场景，快速复现多人同步逻辑 |
 UI 联动检查 |
一次点击检查多个界面响应是否一致 |
技术实现
- Electron + Vue 3 前端架构
- WebView + IPC 通信 跨窗口事件广播
-
自定义事件注入脚本 实现
touch、click、editing等操作复现
效果预览
适配情况
| 引擎版本 | 兼容性 |
|---|---|
| Cocos Creator 2.4.x |
 完全支持 |
| Cocos Creator 3.x |
测试中 |
我们的多屏操作同步工具已经开发完成，目前正在测试中。想请教大家：在日常开发中，你们是否也会有这样的需求？欢迎留言或私信分享你的想法！后续会免费提供下载链接，让大家都能体验这款工具。
