cc-inspector+

前言

许彦峰：江湖人称插件小王子，在Cocos Creator扩展商店上架近十款余款插件。而且插件小王子的大部分插件是免费分享、提供源码，真乃Cocos社区的一名活雷锋。今天小王子再发神威，提供一款惊世之作，它可以让您在Cocos Creator中直接运行游戏、查看节点属性、远程查看节点树...

cc-inspector+

从cc-inspector第一个版本发布,到今天cc-inspector+的发布，经历的了将近一年的时间，在这一年的时间里面，Creator也在飞速发展，论坛中也有不少开发者有类似unity那样运行时查看节点树的需求，作者本人也是一名普通的开发者，当然也少不了这样的需求，这个插件的发布，对开发者无疑是一个福利，算是送个大家的国庆节大礼包！

插件靓照

菜单位置：菜单=>cc-inspector=>打开

插件的核心功能，简单来说一句话：查看游戏运行时节点树结构。

围绕着核心功能，插件提供了预览游戏窗口，节点树列表窗口，节点信息窗口。安装插件后第一件要做的事情，就是像像上图一样，拖拽好自己喜欢的布局，下面来具体说下各个窗口的功能：

游戏预览窗口

这个窗口是实时预览游戏的，核心技术也不瞒大家，其实就是嵌套了一个webview，加载 http://localhost:7456 ，所以，这就强大了，基本上是和chrome等浏览器环境里面运行游戏一模一样，当然你也可以在这个窗口调试游戏，唯一不同的是，需要点击下方的红色按钮打开DevTools，打开开发者工具，然后具体的debug操作，就真的和chrome一模一样了。

如果想要更好玩一点,这个窗口你可以停靠在creator主界面中，有点类似unity的那个Game窗口，所有的开发流程，除了写代码，剩下的基本上在Creator里面就能搞定。

节点列表窗口

这个窗口算是插件的主窗口,主要用来显示节点树，一个很赞的设计就是最右上边的小灯泡，这个小灯泡相当于一个指示灯，指示插件是否能够正常工作。

当打开插件后，小灯泡是灰色的，代表的意思插件目前没有检测到运行的游戏，此时是无法正常使用插件的相关功能，你可以点击红色按钮打开Web预览，选择使用插件默认的预览功能。

当游戏运行启动的时候，小灯泡会立马变为闪烁的红灯，最后变为绿灯，表示插件已经可以正常使用了，接下来点击刷新节点树就会列出游戏当前状态的节点树状态,点击具体游戏节点,即可在节点信息中查看到该节点的详细信息，哈哈，没错，节点信息布局，完全模仿Creator，有木有很亲切的感觉。

目前节点列表必须是手动刷新，在后续迭代版本中，自动刷新功能肯定是要加入进去的，真正的做到游戏节点树显示实时同步。

节点信息窗口

这个窗口就是想必就不用多做解释了吧,罗列节点的具体信息，美中不足的是，目前只支持显示node属性，对于组件信息，可能要稍微迭代几个版本才能加入。

帮助

更多帮助内容，请打开菜单=>cc-inspector=>帮助获得更多的帮助。

常见问题

• 小灯泡一直灰色怎么办？ 小灯泡灰色的意思就是没有发现正在运行的游戏，此时你需要运行你的游戏即可。

更多功能

• 局域网联机查看节点树: 没错，即使你游戏运行在手机上，同样可以查看节点树情况

推荐操(zou)作(wei)

插件小王子能想到以下搭配方式：

• 边修边改边预览

• chrome党专用

同理Creator模拟器也适用，作者实际测试发现，存在问题，需要进一步解决该问题，敬请期待！

划重点

只需2元，就能搭上老司机的专车，还在犹豫么，再犹豫国庆后就涨价喽！

最后祝大家国庆节快乐！

后记

当Shawn第一时间在论坛上看到插件小王子的cc-inspector+时非常的激动，赶紧在国庆期间购买一个，马上打开Cocos Creator体验了一番，看看我的最佳布局，游戏运行时与Cocos Creator无缝整合：