h5开发移动端遇到的bug

Posted homehtml

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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" > 不然不能正常显示

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

以上是关于h5开发移动端遇到的bug的主要内容,如果未能解决你的问题,请参考以下文章

常见的H5移动端Web页面Bug问题解决方案总汇

常见的H5移动端Web页面Bug问题解决方案总汇

移动端H5开发 (滑动事件)

移动端 h5开发相关内容总结

常见的移动端H5页面开发遇到的坑和解决办法

常见的移动端H5页面开发遇到的坑和解决办法