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 的网页检查器】，当程序一启动时就会自动打开调试窗口并断点，此时进行调试查找问题原因。