hybrid app開發/調試環境配置

開發環境

phonegap 3.3

具體步驟參見官網，當建立了一個項目後會出現4個子文件夾：

merges  platforms  plugins  www

通常來講，咱們須要關心的只有www和merges，前者存放的是app的html/css/js，開發過程主要會在這個目錄下進行；後者是各個平臺特有的文件，在build時會根據目標平臺合併這兩個文件夾。plugins放添加的phonegap插件相關代碼，不需關心。platforms存放phonegap build後的代碼文件，build時裏面的文件會被覆蓋，所以不能直接修改；它和merges目錄同樣，都是分平臺建立子目錄的。

一些其餘的小問題：

插件添加

經過命令行添加插件，不一樣的插件有不一樣的git地址，如：

$ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

再也不須要本身手動引插件的js，能夠直接使用：var m = new Media("xx")，框架會自動幫你處理（經過require引入build後生成的 www/cordova_plugins.js 和 www/plugins/下的插件js），只需在index.html引用phonegap.js便可。

參考文檔：
http://devgirl.org/2013/09/05/phonegap-3-0-stuff-you-should-know/
http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface

導入ide（intellij）

其實這一步也不太須要，經過phonegap命令行能夠完成項目的build和運行（包括模擬器和真實機器）。
爲了開發方便，能夠導入www和platforms/android兩個目錄，前者用於開發，後者純粹就是爲了能點一下就能運行app（以及看log）。

調試

和phonegap插件無關的

使用chrome的遠程調試，基於ADB插件，將www目錄部署到靜態服務器（最簡單的辦法：cd到www，而後$ python -m SimpleHTTPServer 8000），搭配ADB插件的端口轉發功能，手機端用chrome訪問。這裏說說碰到的問題：

adb不認手機

我用的是調試機是紅米，命令行（ubuntu）中輸入adb devices（前提是已經裝了android sdk和設置了相關環境變量）出現：

$ adb devices
List of devices attached 
????????????    no permissions

答案在這裏,以及這裏，注意，小米的vendor id（2717）並不在這個列表裏，還得在51-android.rules文件後加一行。

手機端chrome全屏的辦法

index.html中添加 <meta name="mobile-web-app-capable" content="yes"> ，再發送到桌面，經過桌面圖標進入便是全屏狀態了。

和phonegap插件相關的

TODO。