iOS微信浏览器input聚焦导致页面上移,不能恢复的解决方法
1Deshun 发布于 5年前 (2020-03-03) 2776℃ 评论(0) 赞 (0)
最近开发的一个项目中有一个获取验证码功能,在测试时遇到了问题。H5页面在iOS系统微信浏览器中,input focus 聚焦时页面会被上推,导致页面整体上移。blur 失焦后不能恢复,再次点击 input 时没反应,不能聚焦,无法输入内容,这时候需要滑动一下页面才能恢复正常。最后...
Deshun 发布于 5年前 (2020-03-03) 2776℃ 评论(0) 赞 (0)
最近开发的一个项目中有一个获取验证码功能,在测试时遇到了问题。H5页面在iOS系统微信浏览器中,input focus 聚焦时页面会被上推,导致页面整体上移。blur 失焦后不能恢复,再次点击 input 时没反应,不能聚焦,无法输入内容,这时候需要滑动一下页面才能恢复正常。最后...
Deshun 发布于 5年前 (2019-11-30) 4928℃ 评论(0) 赞 (1)
最近的一个项目中,发现几个页面在使用 iPhone 11 访问的时候,点击 input 和 textarea 等文本输入框聚焦 focus() 时,页面会整体放大。经检查发现并没有什么特定的功能是让页面放大的,最后找到原因:苹果觉得点击输入框放大是一个“很好”的体验,就擅自把页面给放大了,单纯的用 meta 禁止页面放大是没有用的,可以使用下面两种方法解决。通过 mate 设置:<meta&...
Deshun 发布于 5年前 (2019-11-28) 6201℃ 评论(0) 赞 (1)
移动端(iPhone、iPad)的 Safari 或者微信默认是不支持 autofocus 属性的,并且只有用户主动触发的事件才可以使 focus 一类的方法生效。并且在 iOS 中使用 position: fixed 会导致 input 输入框的位置出现问题,导致 input 无法点击或者说无法聚焦。找了几个解决方案,归纳整理一下:1、stackoverflow作者,尝试过模拟点击,触...
Deshun 发布于 6年前 (2019-06-12) 4538℃ 评论(0) 赞 (0)
判断客户端每个客户端都会有自己的 UA (userAgent)标识,可以用 JavaScript 获取客户端标识。用正则来判断手机是 iOS(苹果)还是 Android(安卓)客户端。代码如下:<script type="text/javascript"> var u = na...
Deshun 发布于 6年前 (2019-05-22) 6777℃ 评论(0) 赞 (0)
微信浏览器是不支持打开 App Store 页面的,不知道微信为什么这么做。比如你页面写 <a href=”http://itunes.apple.com/us/app/id399608199″>download</a> ,在微信浏览器点击是没有反应的,但...