使用Cocos Creato(以下简称cc)来开发小游戏,最不爽的一点是在cc中调试代码。
所以为了图简便,每次碰到Bug了都是通过console.log的方式来找出问题的。但是昨天,一个问题始终解决不了,使用log打印也完全无济于事。没办法,只好查找资料找打断点的方法,还真找到了,不得不说,通过打断点找问题还是最快的方法。
下面记录一下在cc中打断点调试的方法。
第一步,首先通过菜单中的 Cocos Creator -> 偏好设置 -> 预览运行 里面设置浏览器的路径(我设置的是chrome的浏览器)。设置了这个之后,cc就知道从哪里打开浏览器了。下面看我设置的图片。

第二步,把cc的运行方式改为浏览器模式。如下图。

第三步,点击浏览器旁边的运行按钮,开始运行程序,这时小程序就是浏览器里运行起来了。
第四步,程序运行在浏览器里了之后,然后打开浏览器的“开发者工具”,位置在 浏览器右上角的三个点 -> 更多工具 -> 开发者工具
第五步,在浏览器的开发者模式中,打开 "Sources" 菜单,然后就可以愉快的打断点进行调试了。

网友评论