右侧按钮是资源内存占用
左侧按钮是节点树
啥都不说了，直接看效果
下载链接: creator-inspector
演示视频 ：
1赞
作为Cocos Creator开发者，你是否也遇到过这些让人头疼的问题：
-
复杂的节点树结构，找个节点像大海捞针 -
内存占用不明，性能优化无从下手 -
调试属性需要反复编译，效率低下 -
资源管理混乱，不知道哪些资源在"偷偷"占内存
如果有一个工具能让你在运行时直接查看和编辑节点，实时监控资源内存，岂不是开发者的福音？
今天就为大家介绍一款性价比极高的Creator调试插件 —— Inspector-CCNode！
核心功能：左手节点树，右手看内存
左手功能：实时节点树显示
节点树面板
这个功能简直是为复杂UI调试而生的！
实时节点监听 ：游戏运行时自动展示完整的节点树结构，支持展开/收起子节点，层级关系一目了然
点击即定位 ：在节点树中点击任意节点，游戏界面中对应节点会显示 黄色高亮边框 并渐变闪烁，再也不用猜节点在哪里了！
属性实时编辑 ：选中节点后，下方属性面板显示核心属性，直接修改 立即生效 ，无需重新编译
支持的属性包括：
-
active：激活状态 -
name：节点名称 -
x, y：位置坐标 -
width, height：尺寸大小 -
anchorX, anchorY：锚点设置 -
scaleX, scaleY：缩放比例 -
rotation：旋转角度 -
opacity：透明度(0-255) -
color.r/g/b：RGB颜色值
右手功能：资源内存占用查看
资源监控面板
性能优化不再是玄学！这个功能让内存占用情况透明化：
智能分组展示 ：
- 按 Bundle 分组，清楚看到各模块资源占用
- 按 资源类型 分组（ImageAsset、AudioClip等）
- 按 文件路径 分组，便于目录结构分析
强大的筛选功能 ：
- 按内存大小筛选（支持B、KB、MB、GB单位）
- 按资源类型多选筛选，快速定位特定类型资源
排序优化 ：所有列表均按内存占用大小降序排列，内存大户一眼识别
技术特色：真正的即插即用
兼容性强
-
Creator 2.4+
-
Creator 3.x 全版本
- 浏览器 ：Chrome
零依赖设计
- 纯 TypeScript 原生实现
- 无任何外部框架依赖
- 无需修改引擎，真正的即插即用
现代化UI
- 美观的 深色主题 界面设计
- 抽屉式 交互设计，默认收起不影响游戏画面
- 响应式 布局，支持自由展开/收起
性能友好
- 收起状态下基本 不影响运行时性能
- 展开状态下每100ms自动更新，实时性与性能平衡
实际应用场景
场景一：复杂UI调试 
想象你正在做一个复杂的商城界面，有商品列表、筛选面板、购物车等多层嵌套结构。传统调试方式下，你需要：
- 在代码中找到对应节点
- 添加log输出节点信息
- 重新编译运行
- 查看控制台输出
- 修改属性值
- 再次编译验证
现在有了Inspector-CCNode：
- 直接在节点树中点击目标节点 → 游戏中立即高亮显示
- 在属性面板中实时调整位置、大小、透明度等
- 效果立即在游戏中呈现，无需编译！
效率提升：从几分钟缩短到几秒钟！
场景二：性能优化分析 
项目运行时感觉卡顿，怀疑是资源加载过多导致的内存压力。传统方式下，你只能靠经验猜测或者写复杂的统计代码。
现在：
- 打开右侧内存面板
- 按Bundle查看各模块资源占用
- 按大小排序，快速识别内存大户
- 发现某个UI图片包占用300MB，立即优化！
数据驱动的性能优化，告别盲目猜测！
场景三：新人培训协作 
新同事加入项目，需要快速了解复杂的UI结构。与其口头解释半天，不如：
- 打开Inspector-CCNode
- 在节点树中逐个点击重要节点
- 游戏中对应区域自动高亮显示
- 项目结构清晰明了，新人快速上手！
在Creator项目中使用
一、creator2.x中使用
1. kunpo-inspector.min.js文件放入项目目录下，导入为插件
二、creator3.x中使用
放入项目目录下就行，无需导入为插件
-
优先使用
kunpo-inspector.min.mjs，在很早的版本3.x中，比如creator3.0.0中，测试发现不支持.mjs的文件 -
否则使用
kunpo-inspector.min.ts，无需导入为插件
注意事项
- 环境: 建议仅在开发环境使用
- 默认状态: 调试器默认收起，点击左侧箭头展开节点树，点击右侧箭头展开资源占用列表
商店地址：
这么好用的工具去哪下载呢？
下载链接: creator-inspector
1赞
怎么感觉你这个比论坛免费的还要简单. 你只能看几个节点, 人家连组件的内容都可以看到, 还可以有按键导出节点或者组件的变量. 还开源, 可以自己魔改. 还不需要你这样手写初始化
请问你说的哪个插件呢？
不止这个, 最初开源的是 ccc-devtools 论坛上还有在这个的基础上修改的, 也是开源. 使用也很简单, 直接下载放在项目下就可以了. ccc-devtools我记得, 不但可以看到节点信息, 组件信息也能看, 还可以到处, 还有按键点击后 能在场景里添加一个矩形来显示界面的大小位置. 开源的还可以自己魔改
还剩两天了
一直用免费的
谁让你做的即免费又好用呢
最近没空搞这些杂七杂八的东西了，来任务了
谁让我只会cocos，好难受
我也不会别的呀
cocos用了10多年了
整个公司，就我们一个项目组还在用cocos…
他们全投入到unity的怀抱了
一群叛徒 哈哈哈哈哈哈
1赞
最后一天了 兄弟们
没有搜索功能吗
嗯 目前没有，过两天我加一个