移动端页面开发bug记录 多年总结 长期更新

作为一个开发了多年的移动前端选手 遇到的bug比你吃过的饭都咸 

1 input输入框 点击没反应或者多点几次 

ios: 不好点击 需要点好多次才会弹出输入法  ：解决 外部加个div click 使input.focus()
安卓： 无

2input 光标光标特别大 比字体还大 

ios: 去掉高度 使用padding撑起 （ios光标会跟着input的高度而不是字体的高度）、
安卓：Im fine thank you

3做页面动画 运动的图片会在最高层 使一些遮挡失效

ios： 我有这个问题  解决： 使上层遮盖物也做动画 比如opacity从1到1的动画 
安卓： im fine

4input 输入时 absolute 的div会上浮

ios： 我不服
安卓： 会上浮 导致页面错乱 

这块的原因大概会跟设计图有关系 
 方法一 跟设计师协商 去掉居底样式 改成瀑布流 就是从上到下自动排列 
 方法二 判断机型 当input focus时 隐藏div blur时展现加200毫秒的延迟
针对不同的问题进行不同的修改 灵活变通

5 submit 提交 可能产生多次提交 没有多好节流和防抖 这块百度一下 最简单就是价格判断

6 格林尼治时间 转换报错

1安卓：没问题
2ios：必须使用 2020/10/12 12:12:12 而不是2020-20-20 12:12:12 并且转换格林尼治时间 例如 2020-20-20 Aep sxcv xxxx 这种英文与数字结合的格式可以自行百度转换函数 

 

 

 

先写到这 下次继续