记录兼容性问题

目录

 

问题一:Object.assign方法在Android 5版本及以下不支持 

问题二:Android 6系统及以下,访问微信头像(第三方图片都会有问题)时图片加载失败,导致页面崩溃

问题三:cdn图片兼容性问题,能用qiniu就不要用ypy

问题四:新款ipad系统ua只有'macintosh',没有'ipad'字段,并且系统版本描述也不一样,导致在用之前的系统版本拆分方法时,导致错误

问题五:safari浏览器在new Date()转换时间戳的时候不支持 YYYY-MM-DD的格式

问题六:iOS输入框键盘拉起和收起问题 

问题七:iOS端,在h5页面,下半部双击,页面会自动上滑,上半部双击,页面会自动下滑。(这个其实也不算是问题,双击翻页,常规操作)


问题一:Object.assign方法在Android 5版本及以下不支持 

解决:在页面渲染之前加载一个Object.assign的polyfill方法,参考mdn文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign 

nuxt创建的项目需要新建一个app.html模版

             

问题二:Android 6系统及以下,访问微信头像(第三方图片都会有问题)时图片加载失败,导致页面崩溃

解决:在img标签访问头像时,增加图片加载失败时的容错处理

onerror事件说明 https://www.cnblogs.com/willingtolove/p/9544576.html 

问题三:cdn图片兼容性问题,能用qiniu就不要用ypy

解决:background-image属性其实不存在什么兼容性问题,但是使用ypy的图片设置的background-image属性,部分手机会显示白屏,将ypy的图片地址全部替换成qiniu的图片地址,则全部显示正常

问题四:新款ipad系统ua只有'macintosh',没有'ipad'字段,并且系统版本描述也不一样,导致在用之前的系统版本拆分方法时,导致错误

   

解决:针对新款ipad处理ua判断逻辑,以及系统版本字段,通过新的正则来拆分系统版本

下面判断newiPad的方法不是很严谨,严谨的判断请参考https://blog.csdn.net/jyb123/article/details/113938858

问题五:safari浏览器在new Date()转换时间戳的时候不支持 YYYY-MM-DD的格式

解决:使用大家都支持的年月日格式转换 YYYY/MM/DD

问题六:iOS输入框键盘拉起和收起问题 

解决:ios系统在拉起软键盘时,会将页面底部自动顶上来,如果键盘收起时弹窗,会导致页面没有恢复到正常的位置,此时需要手动通过代码还原页面的位置。输入框失去焦点时,执行对应的js代码。

问题七:iOS端,在h5页面,下半部双击,页面会自动上滑,上半部双击,页面会自动下滑。(这个其实也不算是问题,双击翻页,常规操作)

解决:通过判断点击间隔时间长短,来禁用页面点击的默认事件

猜你喜欢

转载自blog.csdn.net/longgege001/article/details/116560024
今日推荐