前端ios兼容性问题总结

最新推荐文章于 2024-06-05 00:00:00 发布

原创

最新推荐文章于 2024-06-05 00:00:00 发布 · 2.6k 阅读

6 ·

CC 4.0 BY-SA版权

本文总结了前端开发中遇到的iOS兼容性问题，包括低版本ES6语法报错、fixed布局被输入框影响、滑动选择框的用户体验问题、时间格式不识别以及复制功能失效等，并提供了相应的解决方法，如使用Babel转换ES6语法，通过onBlur事件处理fixed布局，禁止系统默认滑动事件，将时间字符串中的'-'替换为'/'，以及使用createTextRange实现复制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端IOS兼容性问题总结

低版本版本兼容问题

具体表现：低版本ios写es6语法会报错
解决方法：直接用es5语法或者使用babel，
参考：https://www.babeljs.cn/

高版本兼容性问题

具体表现：fixed布局会被输入框给顶起来，原因好像是失去了焦点
解决方法：1.给输入框一个onblur事件，滚到上面去;
onBlur(){
window.scrollTo(0,0)
}

高版本兼容性问题

具体表现：页面底部的滑动选择框在ios版本12以上，因为ios的上拉回弹造成不好选择的用户体验
解决方法：直接禁止系统默认的滑动事件
document.body.addEventListener('touchmove', function (event) {
event.preventDefault();
}, {passive:false});