h5开发移动端遇到的bug

之前开发过几个移动端的项目,经常会遇到莫名其妙的bug,现在有空就一一记录下,避免下次遇到时 毫无头绪。

H5在ios上把某些数字变色

造成的原因:

safari总会把长串数字识别为电话号码,文字变成蓝色,点击还会弹出菜单添加到通讯录。

解决的办法:

safari有个私有meta属性可以解决这个问题: <meta name="format-detection" content="telephone=no" />

JavaScript 在 ios 时间 显示 NaN

造成的原因:

服务端传来的时间格式如果是  2017-02-16 20:41:10 这种格式的,需要把横杆转为斜杠,

解决的办法:

例如:new Date("2017-02-16 20:41:10".replace(/-/g,'/')).getFullYear()

IOS能否自动弹出软键盘

在ios移动端, 弹出软键盘只能 行为事件才能触发 弹出软键盘, 脚本事件是不能触发 弹出软键盘

(行为事件;如点击,触屏等)
(脚本事件:如 定时器定时触发)

ios input输入时白屏

解决的办法:

在input的父元素上添加style="position:relative;"

ios 移动端 emoji 表情显示不完整

解决的办法:

给input 设置高度,或者加大字体

IOS和安卓一些标签使用

  • 不能用 overflow:auto 不然会隐藏 按钮
  • 不能用 <input type="button" > 不然不能正常显示

目前记得的就这些,后续有新的会继续更新!
如有错误或者遗漏的欢迎指正!

相关推荐