在Cocos Creator中断点调试小游戏

使用Cocos Creato(以下简称cc)来开发小游戏，最不爽的一点是在cc中调试代码。
所以为了图简便，每次碰到Bug了都是通过console.log的方式来找出问题的。但是昨天，一个问题始终解决不了，使用log打印也完全无济于事。没办法，只好查找资料找打断点的方法，还真找到了，不得不说，通过打断点找问题还是最快的方法。

下面记录一下在cc中打断点调试的方法。

第一步，首先通过菜单中的 Cocos Creator -> 偏好设置 -> 预览运行 里面设置浏览器的路径(我设置的是chrome的浏览器)。设置了这个之后，cc就知道从哪里打开浏览器了。下面看我设置的图片。

设置浏览器路径

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

设置为浏览器模式

第三步，点击浏览器旁边的运行按钮，开始运行程序，这时小程序就是浏览器里运行起来了。

第四步，程序运行在浏览器里了之后，然后打开浏览器的“开发者工具”，位置在 浏览器右上角的三个点 -> 更多工具 -> 开发者工具

第五步，在浏览器的开发者模式中，打开 "Sources" 菜单，然后就可以愉快的打断点进行调试了。

打断点调试