看视频不方便的，可阅读下面图文教程。


1. 工具准备

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

Cocos Creator 原生调试—iOS篇_xcode

  • 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 检查器】开关，如下图：Cocos Creator 原生调试—iOS篇_xcode_02

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

Cocos Creator 原生调试—iOS篇_ios_03

4. 使用 Safari 进行调试

  1. 保持 iOS 设备与 Mac 电脑相连接

  2. 在 iOS 设备上启动 Cocos Creator 游戏

  3. 在 Mac 电脑 Safari 浏览器菜单中选择：开发 > "xxx" 的 iPhone > Cocos2dx-JSB

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

Cocos Creator 原生调试—iOS篇_iphone_04

小技巧：如你的 Cocos Creator 游戏在设备上启动黑屏，但又不知道是什么原因，可以先将断点设置好，开启【自动显示 JSContext 的网页检查器】。

Cocos Creator 原生调试—iOS篇_xcode_05

当程序一启动时就会自动打开调试窗口并断点，此时进行调试查找问题原因。