看視頻不方便的,可閱讀下面圖文教程。
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 檢查器】開關,如下圖:
然後在 Mac 電腦上,啓動 Safari 瀏覽器,默認並沒有【開發】菜單,需要進入:偏好設置 > 高級,勾選下面的【在菜單欄中顯示"開發"菜單】選項,看下圖:
4. 使用 Safari 進行調試
保持 iOS 設備與 Mac 電腦相連接
在 iOS 設備上啓動 Cocos Creator 遊戲
在 Mac 電腦 Safari 瀏覽器菜單中選擇:開發 > "xxx" 的 iPhone > Cocos2dx-JSB
Safari 會彈出一個遠程調試窗口,你會看到運行在當前 iOS 設備上的代碼,如下圖:
小技巧:如你的 Cocos Creator 遊戲在設備上啓動黑屏,但又不知道是什麼原因,可以先將斷點設置好,開啓【自動顯示 JSContext 的網頁檢查器】。
當程序一啓動時就會自動打開調試窗口並斷點,此時進行調試查找問題原因。