手机H5前端开发几点注意

今天开发手机H5页面，挺简单的页面，问题挺多，记录下来。

1、页面适配

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="format-detection" content="telephone=no" />
<!-- 防止页面放大 -->
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

2、jquery操作cookie，下载地址：jQuery Cookie | jQuery Plugin Registry

<script type="text/javascript" src="${root}/jquery/jquery.cookie.js"></script>

取值： $.cookie('key');

放值（时长7天）：$.cookie('key', 'value', { expires: 7 });

3、屏蔽手机输入框弹窗

<input id="inroomtime" type="text" class="form-control" placeholder="" readonly value="${nowDay}" /><!-- readonly屏蔽手机端弹窗 -->

4、laydate适配手机端点击

laydate.render({
    elem: '#inroomtime',
    trigger: 'click'//适配手机端
});

5、ajax请求header放置参数

$.ajax({
    headers: {
	access_token:token
    },
    type: "post",
    url:"${root}/app/h5/saveSimplePair.action",
    data:data,
    success: function (rs) {
	}
});