移动网页开发常见问题

1.上下拉动滚动条时卡顿、慢

body {
  overflow:scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

2.删除默认的苹果工具栏和菜单栏apple-mobile-web-app-capable

<meta name="apple-mobile-web-app-capable" content="yes">  //全屏

3.启动或禁用自动识别页面中的电话号码format-detection

<meta name="format-detection" content="telephone =no">
<meta name="format-detection" content="email=no">

4.html5调用拨号功能

<a href="tel:110">110</a>
<a href="tel:110,2">110转 2</a>

5.部分Android手机圆角失效

background-clip: padding-box;

6.设置缓存

<meta http-equiv="Cache-Control" content="no-cache" />  // 不使用缓存

7.音频暂停、播放

var audio = document.getElementById('audio');
if(audio!==null){
  if(audio.paused){
    audio.play();
    $(".player").removeClass("pause");
  }else{
    audio.pause();
    $(".player").addClass("pause")
  }
}

8.iOS微信网页音频自动播放

document.addEventListener("WeixinJSBridgeReady", function () {
  document.getElementById('media').play();
}, false);