PhoneGap開發不可或缺的五件裝備

PhoneGap是一種介於WebApp和NativeApp之間的解決方案，它爲每種移動客戶端提供一個Native的殼，這種殼裏邊包着一個Web應 用。藉助於殼，Web應用能夠被安裝，能夠被髮布到各大市場。一樣的，藉助於殼和設備之間的通訊，殼內的Web應用能夠輕鬆調用設備硬件。雖然目前想用 PhoneGap開發商業應用還有不少的坑要填，但其跨平臺和低學習成本的特性決定了將來它在移動互聯網領域必有一席之地。

1 輕量級的JQUERY兼容庫

JQuery已經成長的得很是強大了，但在移動設備上有些臃腫。若是你的應用只運行在WebKit內核的機器上，那麼我強烈建議你換用移動版本的JQuery兼容庫。

Zepto和JQ.mobi都是專門爲移動設備優化後的JQ兼容庫。

      

Zepto我不是特別熟悉，JQ.mobi我用得比較多，官方提供的數據稱，JQ.mobi比JQueryMobile快3倍以上。

相比於JQueryMobile悲催的定導航底導航固定功能，JQ.mobi也提供了本身的UI。雖然和JQM差很少醜，但不會出現萬惡的導航欄閃動問題。若是你本身不想構建UI框架，那麼仍是推薦用JQ.mobi的UI庫，換換配色和背景，也能看起來蠻專業的。

另外JQ.mobi還提供了一系列的插件，可是都沒有提供文檔 。裏邊的scroll插件不如iScroll4給力，模板插件還能夠用。這裏講下用法。

要使用JQMobi的插件，只須要簡單的用script載入對應的文件就行。

JQ.Mobi的模板來自這裏（這個連接要從源代碼中才能翻出來，藏那麼好乾嗎啊…）是一個使用%號進行標記的系統。

模板部分採用script標籤包含：

從上邊的例子中能夠看到，這套模板能夠輕鬆支持 if/for/else等語法；數組和對象也沒有什麼問題，能夠知足絕大部分需求。

它採用$.tmpl函數將數據傳入模板，獲得渲染後的html。須要注意的地方是傳數據時要以對象的方式來傳，同時爲傳入的數據指定變量名。

2 滾動效果專家：ISCROLL4

雖然如今JQ.mobi已經解決了導航欄固定和滾動的問題，可是iScroll4依然是很是值得使用的。

在使用iScroll時有幾個須要注意的地方。

首先，iScroll採用css的top和bottom值固定了頂導航條和底導航條的高度，能夠修改css來調整。

其次，iScroll是靜態的，就是說，它並無隨時查看scroll裏邊的內容是否增長，這就要求咱們在動態加入內容後，顯示調用scroll對象的refresh方法。

最後，iScroll4能很好的實現iOS用得不少的下拉刷新效果。

3 現代瀏覽器：SAFARI/CHROME

在手機瀏覽器上調試以前，先在電腦瀏覽器上開發會快不少，建議用safari或者Chrome。這東西雖然你們都有，但有些細節仍是潛藏很深的。

好比用Chrome調試的時候你可能會遇到跨域的問題，只要在啓動Chrome.exe時加上一個參數就能夠了。

chrome.exe –disable-web-security

另外有些同窗可能不知道，PhoneGap API頁面上的LocalStorage和Indexed DB 實際上是Html5的標準接口，因此Chrome和Safari中的自帶的調試工具就能很好的管理。

打開Developer tools，選擇 Resources Tab頁就能看到數據庫，本地存儲等選項 。( 當初我找了很久Chrome的Sqlite管理插件…)

4 PHONEGAP實時調試工具：雲窗調試器

雖然有點誇張，但很多網友是用PhoneGap神器來形容它的。

本質上來說，雲窗調試器就是一個支持PhoneGap Javascript接口的移動瀏覽器。

它和新浪SAE的雲平臺緊密結合，須要用SAE帳號登陸，這樣當你在SAE上建立一個移動應用後，就能直接在雲窗調試器的應用列表頁面看見。

點擊應用名稱後，就能夠開始調試應用了。因爲代碼放置在SAE平臺上，我通常用瀏覽器上的在線編輯器修改代碼，Ctrl+S後直接在手機上看效果。

一次變動兩秒看到最終結果，比起本地編譯，差很少一次能節省半分鐘的時間。

雲窗調試器iOS版本支持iPhone和iPad，不過還沒發佈到App Store，若是你的設備已經越獄，能夠直接在設備的safari裏 點這個連接進行安裝。

5 在線打包工具：PHONEGAP:BUILD

做爲一個跨平臺方案，PhoneGap也提供了一個雲打包器，利用它咱們能夠不用安裝任何開發環境，直接將HTML打包成iOS，Android，Windows Phone，WebOS，塞班和黑莓6個手機系統的安裝包。

PhoneGap:Build 的使用很簡單，註冊一個PhoneGap帳號而後上傳代碼的Zip包就能夠。固然，你也能夠直接從git/svn取代碼。

須要注意的是PhoneGap:Build的打包是收費服務，對private app有個數限制（我暫時還沒遇到，不過看官方的說明是有限制的）。另外PhoneGap:Build上iOS的打包須要上傳證書，不然不能打包。

若是你只是須要打Apk包的話，也可使用SAE提供的在線打包器，這個打包器是徹底免費的。另據小道消息，iOS無證書打包器已經在調試中了，預計月底上線。