移动网页开发常见问题

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

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

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

  //全屏

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

4.html5调用拨号功能

110
110转 2

5.部分Android手机圆角失效

background-clip: padding-box;

6.设置缓存

  // 不使用缓存

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);