2016年2月4日星期四

Phonegap/ Cordova/ jQuery mobile debug console log

使用 Phonegap 或 Cordova 和 jQuery Mobile 時如何除錯?
在 Chrome 或 Firefox 時可以打開 Console 檢視除錯訊息

換到手提裝置如 Android 和 iOS 就可以配合 jsconsole.com 來遙距觀察程式錯誤訊息,包括開發人員刻意寫進的 console.log 或 javascript runtime error。

1. 首先到 jsconsole.com




2. 在 console 輸入 :listen 來開始。然後畫面會顯示類似的 script
<script src="http://jsconsole.com/remote.js?8E9344B5-7EA9-40D1-ADCE-07AA2959B884"></script>
3. 把呼叫第三方 javascript 的程式碼貼到 <head> 內
4. 可以把 App 封裝並安裝到手提裝置
5. 打開 App 時就會有提示囉,回到 jsconsole.com,應該就會看到像平時 Chrome 內 console 的訊息,注意此時所有人運行 App 的除錯訊息都會顯示出來,所以不能在 Production 上進行這個動作
6. 測試完畢過後當然要把 <script> 刪除

沒有留言:

發佈留言