Html5游戏调试神器Cocos DevTools

http://www.cocoachina.com/cocos/20150226/11197.html

 

你是否还在为调试Cocos2d-js而痛苦,现在有了Cocos Devtools,它将让你调试HTML5仿佛加了特技一般,带给开发者全新的调试体验。

在Cocos Devtools里,你可以像Chrome那样进行检测元素,对于Cocos显示对象进行所见即所得的查找,并高亮显示该元素的边界。

1_150226150154_1

如果只有这点特技显然还不够Duang!Duang!打动你的心,那Cocos Devtools还有更多强大实用的功能:

检查元素 Inspect Elements

1424935340547552

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

全局对象 Global Object

1424935341387361

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

修改属性 Change Attributes

1_150226151000_1

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

自动更新 Automatic Update

1_150226150521_1

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

帧率显示 Show FPS

1_150226150236_1

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

变速齿轮 Game Speed

绝对的黑科技,可以把游戏以进行任何进行变速,让你体验一把真实的“子弹时间”。

好了还在等什么?请不要磨蹭,来这里(http://h5.cocos.com/static/cocos-devtools/)跟我们一起摩擦Html5,感受下Duang!一般的震撼吧!

Leave a Reply

Your email address will not be published. Required fields are marked *