h5開發安卓ios坑總結

1 ios 瀏覽器 如果是無痕模式，不支持本地緩存

 

2 ios new時間對象，需要用逗號隔開傳日期的方式

 

 

3 ios個別版本對fixed的屬性的支持性不好，需要用absolute替代

 

4 h5呼出鍵盤遮擋底部輸入框問題：

var oHeight = $(document).height(); //瀏覽器當前的高度
$(window).resize(function(){
      if($(document).height() < oHeight){
              $("#footer").css("position","static");
      }else{
              $("#footer").css("position","absolute");
      }
 });

5 input 的 placeholder會出現文本位置偏上的時候

            input 的placeholder會出現文本位置偏上的情況：PC端設置line-height等於height能夠對齊，而移動端仍然是偏上，解決是設置line-height：normal

6 zepto點透的解決方案

     a-用fastClick.js插件

     b-用touchend代替touch並阻止掉touchend的默認事件

     c-延遲300秒以上執行事件

7 在第三方瀏覽器打開H5頁面，高度100%渲染問題

 

解決方法：

     在js里設置 document.documentElement.style.height = window.innerHeight + 'px';

 

8 css中active偽類效果不兼容問題

     在安卓4.0版本以下css:active偽狀態效果無法兼容，需要給該元素的touch系列的事件綁定一個空匿名方法：

     var element = document.getElementById("aaa");

     element.addEventListener('touchstart',function(){},false);

9 視頻音頻的預加載，自動播放

     

 

自動播放的有效性受操作系統，瀏覽器，版本等影響，蘋果官方規定必須由用戶手動觸發才會載入音頻，那么我們捕捉一次用戶操作后，讓音頻播放

doucment.addEventListerner('touchstart',function(){

        document.getElementsByTagName('audio')[0].play();

})