微信公众号开发过程中遇到的ios和安卓适配问题总结

1.IOS移动端开发兼容，点击div闪现半透明灰色背景解决方法

   给所在的div添加CSS属性：-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

2.IOS系统适配，弹层滚动穿透问题

 

 

   需求：点击按钮，弹出遮罩层和弹层（弹层在遮罩层上层），弹层内容可以滚动，弹层内容滚动时，背景层不能滚动。

   网上常见的解决方法：$(".zzc").on('touchmove',function(event) { event.preventDefault(); }, false);

   然并卵，没有效果。在给‘遮罩层’添加上述属性后，在遮罩层上半部分（如图：灰色区域）滑动时，不会触发背景层滚动；但是在‘弹层’区域滑动时，当弹层内容滚动到最上或者最下时，会出现弹层不能再滚动而背景层可以滚动的情况。经过网上一顿查找，效果均不理想。经过一番实验，发现以下可以实现预期的效果。

   当点击触发弹层的按钮时，添加下面的属性

   $('html，body').css({
      'height':'100%',
      'overflow':'hidden',
      'position': 'fixed'
   });

该方法存在的问题：多次来回滑动，会出现1秒钟的卡顿，停顿1秒钟，‘弹层’’可以继续滑动。

3.IOS滚动条内容滑动不流畅

给当前滚动栏div添加如下属性：

style=“overflow-y:scroll;-webkit-overflow-scrolling: touch;”   overflow-y:scroll;保证可以滚动； -webkit-overflow-scrolling: touch;保证滚动流畅。

4.安卓手机兼容---微信公众号中不能长时间保存Cookie，即使设置了Cookie的保存时间，还是会不定时的清空Cookie

需求：想通过使用cookie保存用户登录信息，如果第一次登录，弹出引导页；在次登录，如果在cookie保存时间内，就不再出现引导页。  

结果：js中使用cookie保存信息在安卓手机中不稳定。

    微信内置浏览器按照微信团队的说法就是标准WebView（安卓下），跟普通webApp本质上市一样的。当WebView因为内存不足、进程被杀、微信主动杀掉等原因被干掉以后，所有跟浏览器相关的信息全部被消灭清空，cookie、LocalStorage、SessionStorage、WebSQL全部消失。

5.安卓手机微信公众号中点击播放上传的视频后，view层悬浮在所有层的上层

   解决方法暂未找到