PhoneGap开发总结(干货)

quzishen 2016-01-20

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.

相关推荐

ganyouxianjava / 0评论 2012-05-31