iOS是苹果公司开发的移动操作系统,专为iPhone、iPad、iPod touch等设备打造,以流畅的交互、稳定的性能和严格的生态管控著称。系统整合了Face ID、ARKit、Siri等特色功能,支持App Store生态,注重隐私保护与系统安全,通过定期更新优化体验,是移动设备领域兼具创新与实…
在移动端网页开发中,我们常常会遇到各种兼容性问题,其中 iOS Safari 的双击放大问题尤为常见,也是很多前端开发者容易踩坑的点。最近在项目开发中,就遇到了这样一个问题:已经设置了 viewport meta 标签,明确配置了 user-scalable 相关属性,在安卓设备上测试一切正常,双击…
近期开发的一个项目测试人员发现,在 IOS 上的文本框总是点击无法获取焦点,多次点击或者长按才能获取焦点,导致这个问题所在的原因是因为项目中引入了 FastClick 这个是解决移动端延迟 300 毫秒的优化。 当使用 FastClick 时,输入框在 IOS 上点击输入调取手机自带输入键盘不灵敏,…
格式化时间是我们比较常规的操作,从后台拿到的时间格式可能并不符合原型或者 UI 的显示要求,而后台的同事又说不好改,就只有我们自己重新格式化显示了。 比如我们要格式化的日期时间 2017-08-12 23:00:00 可以这样转换 let stopTime = new Date('2017-08-1…
移动端开发都是使用的 Click 事件,为了消除移动端点击的 300ms 延迟,引入了 fastclick.js 库,按照官方的使用方法: // 消除 300MS 延迟 import FastClick from 'fastclick' FastClick.attach(document.body)…
在移动端开发中,一个极其常见却又让人反复踩坑的问题是: Android 上软键盘弹起页面会自动上推,而 iOS 上却没有任何反应。 同一套 H5 页面,在 Android Chrome 中表现正常,但在 iOS Safari 或 WKWebView 中,输入框可能被遮挡、底部 fixed 元素错位、…