产品推荐 2026-07-28

ccc-devtools:实时调试可视化面板的网页调试工具

Cocos Creator 网页调试工具,实时查看和修改节点树。

开源软件实用工具

产品简介

ccc-devtools 专为 Cocos Creator 开发者设计的网页预览调试工具,用于在浏览器中实时查看节点树、编辑节点属性、进行性能分析,解决游戏开发过程中的调试痛点,适合需要高效调试 UI 和性能的开发者。

ccc-devtools 主界面

核心功能

  • 实时节点树浏览
  • 节点属性同步编辑
  • 输出节点/组件引用到控制台
  • UI 节点位置标记
  • 独立调试信息面板
  • Profiler 性能分析

快速开始

  1. 在 Cocos Creator 项目根目录打开终端
  2. 运行 npx cccdev@latest init 命令
  3. 刷新浏览器预览查看调试工具

界面预览

与其他方案对比

对比项本工具同类商业软件在线服务
费用开源免费通常收费或含广告可能有订阅或上传限制
隐私本地运行,数据自持依赖厂商政策需上传数据到服务器
可定制性源码开放,社区活跃受限于官方功能功能固定

适合谁用

  • 使用 Cocos Creator 开发游戏并需要调试网页预览的开发者
  • 在游戏开发中需要实时调整 UI 节点属性的程序员

下载与版本

当前最新版本为 v3.5.0,发布于 2022-07-17。支持 多平台。点击页面「下载软件」按钮即可下载打包好的版本,根据你的电脑/手机系统来选择对应的软件。

注意事项

  • 本工具仅供学习和研究使用,请遵守相关法律法规。
  • 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
  • 项目源码地址:https://github.com/potato47/ccc-devtools