CocosCreator原生调试—iOS篇

1. 工具准备

先看一下 iOS 原生调试需要准备的工具:

工具准备
  • Mac 电脑一台
  • iPhone(任意iOS设备) 手机一台
  • iPhone 数据线一根
  • Cocos Creator,用于构建 Cocos Creator 游戏
  • Xcode,用于编译 Cocos Creator iOS 工程,并将游戏安装到 iOS 设备
  • Safari,使用 Safari 调试 iOS 设备上的 Cocos Creator JavaScript代码

2. 构建&编译

使用 Cocos Creator 选择调试模式构建DEBUG版的 iOS 原生游戏资源,首次 Cocos Creator 会生成各平台原生工程文件。

然后使用 Xcode 打开当前项目的 proj.ios_mac 工程进行原生应用的编译和安装,将游戏成功运行到 iPhone 设置上。

3. Safari远程调试设置

在 iOS 设备,系统设置 > Safari 浏览器 > 高级,打开【Web 检查器】开关,如下图:


image.png

然后在 Mac 电脑上,启动 Safari 浏览器,默认并没有【开发】菜单,需要进入:偏好设置 > 高级,勾选下面的【在菜单栏中显示"开发"菜单】选项,看下图:

image.png

4. 使用 Safari 进行调试

  1. 保持 iOS 设备与 Mac 电脑相连接
  2. 在 iOS 设备上启动 Cocos Creator 游戏
  3. 在 Mac 电脑 Safari 浏览器菜单中选择:开发 > "xxx" 的 iPhone > Cocos2dx-JSB

Safari 会弹出一个远程调试窗口,你会看到运行在当前 iOS 设备上的代码,如下图:

小技巧:如你的 Cocos Creator 游戏在设备上启动黑屏,但又不知道是什么原因,可以先将断点设置好,开启【自动显示 JSContext 的网页检查器】,当程序一启动时就会自动打开调试窗口并断点,此时进行调试查找问题原因。

推荐阅读更多精彩内容