调试与内存分析插件

面向 Cocos Creator 的运行时调试与内存分析插件。聚焦两件事：实时查看/编辑节点树，一键洞察资源内存占用。不改引擎、零依赖、即插即用。

🎯 核心功能：左手节点树，右手看内存

项目信息

• 商店地址: Cocos Store - 调试与内存分析插件
• 支持版本: Cocos Creator 2.4.0+
• 演示视频: Cocos Creator 调试与内存分析插件演示
• Cocos官方推荐: 微信公众号。

👈 左手功能：实时节点树显示

✅ 运行时自动展示完整节点树（展开/收起） ✅ 点击节点 → 游戏画面高亮定位 ✅ 属性实时编辑（立即生效，无需编译）

支持的属性包括：

• active：激活状态
• name：节点名称
• x, y：位置坐标
• width, height：尺寸大小
• anchorX, anchorY：锚点设置
• scaleX, scaleY：缩放比例
• rotation：旋转角度
• opacity：透明度(0-255)
• color.r/g/b：RGB颜色值

👉 右手功能：资源内存占用查看

✅ 按 Bundle / 资源类型 / 路径分组 ✅ 支持按大小与类型筛选（B/KB/MB/GB） ✅ 默认按占用降序，快速定位“大户”资源

💎 技术特色：真正的即插即用

🔥 兼容性强

• Creator 2.x ✅ （测试版本：2.4.13）
• Creator 3.x ✅ （测试版本：3.0.0、3.8.6）
• 浏览器：Chrome（其他浏览器未测试）

⚡ 零依赖设计

• 纯TypeScript原生实现
• 无任何外部框架依赖
• 无需修改引擎，真正的即插即用

🎨 UI与交互

• 深色主题，抽屉式面板，默认收起不遮挡画面

📱 性能友好

• 收起几乎零开销；展开状态 100ms 更新一帧

🎮 实际应用场景

场景一：复杂 UI 调整

直接点击节点高亮定位，现场改位置/尺寸/透明度，省去反复编译验证。

场景二：性能优化分析 📊

项目运行时感觉卡顿，怀疑是资源加载过多导致的内存压力。传统方式下，你只能靠经验猜测或者写复杂的统计代码。

打开内存面板，按 Bundle/类型/路径盘点占用，优先处理 Top 资源包与贴图集。

场景三：新人培训协作 👥

新人看节点树结构，逐个点击即见高亮，十分钟熟悉主界面结构。

🎁 如何获取使用

Creator 2.x 集成

1) 下载 kunpo-inspector.min.js 2) 放入项目目录 3) 在编辑器设置为插件

Creator 3.x 集成

1) 推荐下载 kunpo-inspector.min.mjs（或 kunpo-inspector.min.ts） 2) 直接放入 assets/ 目录，无需插件配置

使用说明

• 默认收起；左侧展开节点树，右侧展开内存面板
• 建议仅在开发环境启用，发布前移除或通过宏屏蔽

如有建议与问题，欢迎在商店评论区留言，我会优先处理高频诉求并持续打磨体验。