移动H5页面技术总结

来源:互联网 发布:阿里云 电话归属地 编辑:程序博客网 时间:2024/06/15 16:43
  1. 解决移动端的双击,双指滑会zoom大小的问题

HTML的文档声明修改为<!DOCTYPE html PUBLIC"-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

Head增加meta<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

Note:此问题应该还有其他更好的解决方式,待探索……

 

  1. 移动设备上的手势识别与事件库 百度的Touch.js基于Webkit内核浏览器中使用--两字:够用

其他的内核浏览器基本可以

 

  1. 解决移动的页面上下滑动时,系统默认的上下留白(黑)问题

 

  1. 解决移动播放音频的小坑---必须点击,触摸屏幕才能播放的问题

 

  1. navigator.userAgent检测移动设备检测操作系统

 

  1. orientationchange兼容问题

 

  1. 二维码可以直接识别但必须是<img>

 

  1. event.preventDefault()该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)

event.stopPropagation()该方法将停止事件的传播,阻止它被分派到其他Document 节点

0 0
原创粉丝点击