当我第一次使用Cocos DevTools的时候，其实我是拒绝的，我跟产品经理讲，我拒绝，因为大家普遍都认为调试Cocos 2d-js是很痛苦的事情，不可能这么便利调试H5，说明你这个H5技术是假的。

后来用了一次Cocos DevTools之后，我们的打飞机游戏Duang~我知道了，Cocos DevTools确实是个好用的工具，调试H5就像Duang的一下将程序员带入了一个新的境地。我现在呢，每天坚持使用Cocos DevTools调试我们的游戏，Duang~Duang~Duang~我们的游戏都上线好多个了。

Duang~以上为Cocos君的调侃时间啦～咳咳，下面进入严肃认真的介（tui）绍（xiao）环节！

什么是Cocos DevTools？

Html5游戏调试神器Cocos DevTools已经全新出炉啦！你可以像Chrome那样检测元素，对于Cocos显示对象进行所见即所得的查找，并高亮显示该元素的边界。

显然这点特技是不够Duang~Duang~打动程序员的心的。Cocos DevTools还有更多强大又实用的功能可以帮助你迅速地让游戏Duang起来！

检查元素 Inspect Element

高亮显示鼠标点击对象，并在属性面板中显示该对象的属性。通常节点名字以“变量名：类名”来进行显示，在显示列表树中显示对象前方带有箭头的对象表明含有子元素，可以点击展开。

全局对象 Global Object

存储全局对象，当前在树状列表中被选中的项目会存储为全局变量，在控制台中通过访问_cocos_devtools.curr可以获取到当前对象。

修改属性 Change Attributes

可以预览修改对象属性，点击属性值即可编辑属性，任何输入都将实时地进行修改并反馈到app中。对每一个属性的描述，都源自Cocos引擎官方文档，权威解释，方便理解。目前支持数值、字符串、纹理、颜色等属性，对于某些制度属性将不能编辑。

自动更新 Automatic Update

全自动跟踪场景内元件结构变化，即使在游戏中显示列表树变化频繁，绝大多数情况Inspector中显示列表树是实时更新的，当然你也可以点击刷新按钮重新加载显示列表树。

帧率显示 Show FPS

清晰看出每一帧渲染帧率，便于找到性能瓶颈，改善运行效率。

变速齿轮 Game Speed

绝对的黑科技，可以把游戏进行任意变速，让你体验一把真正的“子弹时间”，打飞机跟吃了炫迈似的，根本停不下来。

点击下方的“阅读原文”就可以体验一把此等调试神器了，还等什么，快让你的游戏Duang起来吧！