使用The PhoneGap Developer App實現快速調試項目

現在，基於 PhoneGap 的混合 APP 開發技術更加成熟，優點更加凸顯。移動互聯網的迅猛發展，Android 和 iOS 的版本快速迭代，使 HTML5 的性能問題逐步解決。僅僅在 PhoneGap 官網上，已經有來自第三方開發者提交的數百項插件，涵蓋了 APP 開發的各個方面，大大擴展了 PhoneGap 的功能體系。

PhoneGap 官方推出了新的調試工具 The PhoneGap Developer App 。這是一款由 PhoneGap 開發的APP ，安裝在手機上後，能夠經過 PhoneGap 內置的服務器直接加載電腦上的項目運行，無需反覆編譯，實現實時的調試效果。不單單如此，該 APP 封裝了常見的十幾款插件，編寫代碼時能夠直接調用插件的 API 來實現與設備的交互。

好了，如今介紹如何使用這一強大的工具。

首先，請安裝 PhoneGap 命令行工具：

npm install phonegap -g

若是已經安裝了但 PhoneGap 版本低於3.6，建議升級到高版本。根據個人測試，The PhoneGap Developer App 對低版本的 PhoneGap 支持有些問題。

第二步，下載 The PhoneGap Developer App 安裝到手機上，官方提供了 Android 、 iOS 和 Windows Phone 三個版本。

Android 版的在 Google Play 上，下載不太方便，我轉存了一個版本，能夠掃描下面的二維碼下載：

iOS 和 Windows Phone 請到官網直接下載：

http://app.phonegap.com/

第三步，建立 PhoneGap 項目，並啓動服務器：

第四步，在手機上打開 APP ，輸入上面的 IP 地址，點擊 connect ，項目將會自動加載並顯示。

好了，如今開始體驗強大的實時調試吧！

初始界面

加載APP後的界面

修改 www 目錄下的任何文件，APP 將會自動刷新並顯示修改效果。

項目目錄列表

www目錄列表

嘗試調用插件：

navigator.notification.alert('你好世界');

插件效果