PhoneGap開發總結(乾貨)

1.因爲是 web頁面，長按住某一個文字區域會彈出複製選擇框(android 4.0)
 可以通過 屏蔽
  body *{
  -webkit-user-select:none;
  }


2.通過html標籤移除緩存的影響
  <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">


3.通過:active僞類來實現 按鈕 按下的樣式切換


4.通過 給按鈕添加震動 提高用戶使用感受
  <div class="button .vibrate"></div>
$(".vibrate").bind('tap', function () {
  if(navigator.notification)  
setTimeout(function(){ navigator.notification.vibrate(20); },0); 
});
  PS:需要引入phonegap的js


5.通過本地假設tomcat服務器，修改phonegap本地config.xml的白名單 來實現遠程調試。而不是每次調試都打apk包


6.使用iscroll4插件的時候 設置 bounce:false ,不需要空白的拖動，破壞原生感


7.使用phonegap 的 super.clearCache();可以清楚緩存；但是每次加載會變得很慢【調試的時候可以開啓】


8.按鍵聲音需要自己編寫phonegap插件來實現。主要代碼
    AudioManager audiomanage=    (AudioManager)getSystemService(AUDIO_SERVICE); 
        audiomanage.playSoundEffect(AudioManager.FX_KEY_CLICK);




9.不用table 改用 ul li來模擬，同android版本，不同機型上會有詭異問題出現




10. 捕捉android返回按鍵【需要phonegap支持】
    document.addEventListener("deviceready", onDeviceReady, false);     
    function onDeviceReady() {
      // 註冊回退按鈕事件監聽器
      document.addEventListener("backbutton", onBackKeyDown, false);
      //其他頁面初始化完成後的事件
    }
    
    function onBackKeyDown() {
       //這裏寫上你要處理的事情
    }


11.對於phonegap本地Hybrid模式的程序而已,Jquery與Zkpeto 性能區別不大。注意說的是Jquery 不是 JQueryMobile.