Max Bridge

Connect Cocos Creator preview tabs to the max preview CLI for runtime inspection, node editing, logs, highlighting and screenshots.

【中文】 Max Bridge 为 Cocos Creator 开发者提供浏览器侧边栏运行时检查器。打开任意正在运行 Cocos Creator 预览（或已构建的 Web 版本）的页面，点击工具栏图标即可实时查看与调整场景。 功能： • 实时节点树：自动刷新，Prefab 节点徽标，非激活节点置灰 • 属性检查与修改：查看/编辑节点 Transform、UI 属性与各组件的可序列化属性（枚举以下拉选择），改动立即作用于运行时，无需重载页面 • 高亮：悬停/选中节点时在画布上绘制轮廓 • 拾取：在画布上点击，直接选中光标下的节点 • 模糊搜索节点名与路径 • 节点显隐切换 • 设备模拟：以内置真机外壳（含刘海/打孔、侧键）预览页面，支持多种机型与旋转 • 性能监控条：FPS、DrawCall、三角形数、实例数、JS 堆、纹理显存 • 多项目会话：多个预览标签页按项目绑定，互不干扰 • 与本地 max preview CLI 协同：节点树、高亮、截图、日志等能力同样可用于命令行工作流 扩展仅连接本机 127.0.0.1 的本地桥接服务，不上传任何数据。 [English] Max Bridge adds a browser side-panel runtime inspector for Cocos Creator developers. Open any page running a Cocos Creator preview (or a built web build), click the toolbar icon, and inspect the live scene in real time. • Live node tree with auto refresh, prefab badges and inactive-node dimming • View and edit node transform/UI properties and component properties at runtime — enum fields get dropdowns, no page reload needed • Highlight nodes with an on-canvas outline; pick a node by clicking the canvas • Fuzzy node search; toggle node visibility • Device preview: wrap the page in realistic phone shells (notch / punch-hole, side buttons), multiple models, rotatable • Perf strip: FPS, draw calls, triangles, instances, JS heap and texture memory • Multiple projects and tabs isolated by session • Works together with the local "max preview" CLI for screenshots, logs and more The extension only talks to a local bridge on 127.0.0.1. No data leaves your machine.