Cocos Inspector

在 Chrome DevTools 中提供游戏运行时调试工具。

Cocos Inspector 看清场景 · 调整属性 · 监测性能 · 录制画面 为 Cocos Creator Web 游戏打造的浏览器调试工具。 将场景检查、运行时编辑、性能监测、游戏运行控制与网页录制集中在 Chrome 中，让问题排查与效果验证更加直观。 ▍实时场景，一览清晰 在 DevTools 中查看运行中的场景树，快速定位节点及其父子关系。 • 实时同步节点增删、移动、排序、重命名与启用状态 • 记忆层级展开状态，方便刷新后继续检查 • 在游戏画面中显示选中节点包围盒 • 复制节点路径，将节点或组件输出到 Console ▍运行时编辑，即调即看 以熟悉的 Inspector 布局检查节点、常用 UI 组件与自定义脚本属性，在运行中的游戏里验证调整效果。 • 调整位置、旋转、缩放、尺寸、锚点与透明度 • 检查布局对齐、文本样式、图片显示、按钮事件与 Spine 动画参数 • 编辑常见脚本属性，拖入节点或组件引用并快速定位 • 检查环境光、天空盒、雾效、阴影等场景设置 ▍性能数据，随画面观察 在游戏画面中开启悬浮性能面板，结合实际操作观察运行表现。 • 查看 FPS、帧耗时、Draw Call、实例数、三角形数与 GFX 显存 • 观察各帧阶段耗时，自定义需要显示的指标 • 支持拖动、缩放、锁定与鼠标穿透，按网站保存面板位置和大小 • 一键复制引擎版本、场景与性能采样等诊断信息 ▍运行控制，逐帧检查 通过悬浮控制面板调整游戏运行状态，观察动画、交互与场景变化的细节。 • 设置游戏目标帧率 • 暂停或继续游戏 • 暂停时执行一帧，逐步检查运行状态 ▍画面录制，便于复现与分享 通过悬浮录制面板记录游戏表现、操作过程与问题现场，普通网页也可使用。 • 支持当前标签页、窗口与整个屏幕录制 • 支持暂停、继续、自动停止与网页声音 • 可选择分辨率、帧率上限、码率与 MP4／WebM／MKV 格式 • 提供普通录制、边录边写、自动分段与大小上限保护 • 停止后预览下载，或自动保存到默认下载目录 • 视频在本地处理，无需上传 ▍快速开始 安装扩展 → 打开 Cocos Creator Web 游戏 → 打开 Chrome DevTools → 选择“Cocos Inspector”页签。 点击浏览器工具栏中的扩展图标，即可开启性能监测、游戏运行控制或网页录制。 ▍使用说明 运行时属性编辑无需修改工程或重新构建，改动仅作用于当前游戏实例，不会写回工程或资源文件。 场景与组件检查需等待游戏初始化完成；可用属性与运行控制取决于引擎版本、可用接口及发布构建保留的元数据。 录制窗口或屏幕时需通过浏览器选择器授权，实际画质、帧率、声音与格式支持取决于浏览器和设备。普通录制的结果暂存在内存，请及时下载；边录边写需授权本地保存目录。