微信h5页面开发遇到那些坑

一、首先是ios对时间date()的支持不一样：

var date =new Date("2016-05-31 00:00:00");  

这种写法在安卓和pc上都不正常的，唯独在ios手机上会显示Nan，查阅一些资料，经过一番调试发现：

ios上只支持：

var date =new Date("2016/05/31");  

这种格式，调试发现 2016/05/31 等同 2016-05-31 00:00:00 ，也就是说ios默认就是从0开始计算的，我们不需要设置后面的时分秒为 00:00:00

二、安卓手机端软键盘弹出顶起页面布局：

BODY被顶起的解决办法：

$('body').height($('body')[0].clientHeight);

三、调用系统自带alert的时候会有网址显示：

去掉网址解决办法：

window.alert = function(name){
		var iframe = document.createElement("IFRAME");
		iframe.style.display="none";
		iframe.setAttribute("src", 'data:text/plain,');
		document.documentElement.appendChild(iframe);
		window.frames[0].window.alert(name);
		iframe.parentNode.removeChild(iframe);
	}

四、音乐视频video与audio不能自动播放：

<audio loop id="audio" src="music/music.mp3" autoplay preload="auto"></audio>

这行代码在pc与安卓手机浏览器上都是正常的，唯独在ios上不能自动播放。

解决方案一：

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script>

function autoPlayAudio1() {
      wx.config({
         // 配置信息, 即使不正确也能使用 wx.ready
         debug: false,
         appId: '',
         timestamp: 1,
         nonceStr: '',
         signature: '',
         jsApiList: []
      });
      wx.ready(function() {
         document.getElementById('audio').play();
      });
   }

</script>

解决方案二：

document.addEventListener('WeixinJSBridgeReady', function() {
   audio.play();
   }, false);
}

Safari浏览器自动播放

document.addEventListener('touchstart', function(){
   audio.play();
}, false);