cordova在Xcode下console.log列印

weixin_34023863發表於2018-07-13
XCode

近期接入公司以前的專案,利用Cordova的跨平臺的開發,Cordova的開發裡面的檔案是html和js的檔案,在專案除錯時遇到日誌的列印.有兩種方法:

1、利用safari瀏覽器的web檢查器進行日誌的除錯,這種方式在網上有很多文章,我不再多說.

2、在xcode裡面進行列印,這需要真機測試,需要用到Provision File匹配.

Cordova開發下的環境配置我也不再多說

1、關鍵問題一

在利用Cordova建立程式時要注意bundleid,該ID要和證書上的id向匹配,例如:

Cordova  create hello com.zhaoyanjie.hello HelloWorld,這個com.zhaoyanjie.hello

2、關鍵問題二

新增console外掛,讓js的console.log可以輸出

$cd hello 進入該專案的根目錄下 新增外掛

$ cordova plugin add cordova-plugin-console

外掛成功後

$cordova build

3、關鍵問題三

找到Provision File的uuid ,shit+command+g  ,前往該路徑~/Library/MobileDevice/Provisioning,找到對應的證書檔案,如下圖:


1830264-c31c56c423653e51.png
檔案路徑


找到uuid,如下圖:


1830264-f5bd3920f7b95c35.png

4、關鍵步驟四、

$cd hello 到目錄下

$touch build.json 建立json檔案


{

 "ios": {

 "debug": {

 "codeSignIdentity": "iPhone Development",

 "provisioningProfile": "d2769690-9890-40c0-a3b9-6fddec449aa8"

 },

 "release": {

 "codeSignIdentity": "iPhone Distribution",

 "provisioningProfile": ""

 }

 }

}

用上一步的到的uuid替換文中的uuid

然後$cordova build --device iOS

如果該方法爆有下圖的錯誤


1830264-4bfaffe3361c02b8.png
錯誤

那就用$cordova build 也是可以的

然後就可以真機測試了.

PS:如果測試不成功

1、觀察Xcode底部控制檯的視窗有沒有開啟

2、Xcode中的Product -> Scheme -> Edit Scheme -> Run -> Arguments -> Environment Variables,新增的“OS_ACTIVITY_MODE”值為“disable”，取消了勾選。 

結尾:以上應該就可以,剛接觸Cordova,還有很多不足,歡迎批評指正

相關文章