码迷,mamicode.com
首页 > 移动开发 > 详细

h5开发移动端遇到的bug

时间:2020-04-26 21:07:27      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:form   白屏   键盘   script   斜杠   现在   relative   解决   overflow   

之前开发过几个移动端的项目,经常会遇到莫名其妙的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

标签:form   白屏   键盘   script   斜杠   现在   relative   解决   overflow   

原文地址:https://www.cnblogs.com/homehtml/p/12781917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!