Tag "ios" 相关话题

经验总结

iOS微信浏览器input聚焦导致页面上移,不能恢复的解决方法

1

Deshun 发布于 4年前 (2020-03-03) 2423℃ 评论(0) 赞 (0)

iOS微信浏览器input聚焦导致页面上移,不能恢复的解决方法

最近开发的一个项目中有一个获取验证码功能,在测试时遇到了问题。H5页面在iOS系统微信浏览器中,input focus 聚焦时页面会被上推,导致页面整体上移。blur 失焦后不能恢复,再次点击 input 时没反应,不能聚焦,无法输入内容,这时候需要滑动一下页面才能恢复正常。最后...

经验总结

IOS、iPhone移动端,表单input聚焦时页面放大的解决办法

Deshun 发布于 4年前 (2019-11-30) 4378℃ 评论(0) 赞 (1)

最近的一个项目中,发现几个页面在使用 iPhone 11 访问的时候,点击 input 和 textarea 等文本输入框聚焦 focus() 时,页面会整体放大。经检查发现并没有什么特定的功能是让页面放大的,最后找到原因:苹果觉得点击输入框放大是一个“很好”的体验,就擅自把页面给放大了,单纯的用 meta 禁止页面放大是没有用的,可以使用下面两种方法解决。通过 mate 设置:<meta&...

经验总结

iOS设备input不能自动focus聚焦的解决方法

Deshun 发布于 4年前 (2019-11-28) 5757℃ 评论(0) 赞 (1)

移动端(iPhone、iPad)的 Safari 或者微信默认是不支持 autofocus 属性的,并且只有用户主动触发的事件才可以使 focus 一类的方法生效。并且在 iOS 中使用 position: fixed 会导致 input 输入框的位置出现问题,导致 input 无法点击或者说无法聚焦。找了几个解决方案,归纳整理一下:1、stackoverflow作者,尝试过模拟点击,触...

经验总结

H5页面判断客户端是iOS或者Android并跳转对应链接唤起APP

Deshun 发布于 5年前 (2019-06-12) 4124℃ 评论(0) 赞 (0)

判断客户端每个客户端都会有自己的 UA (userAgent)标识,可以用 JavaScript 获取客户端标识。用正则来判断手机是 iOS(苹果)还是 Android(安卓)客户端。代码如下:<script type="text/javascript">     var u = na...