iOS上H5一些兼容性问题

  1. iOS 上 使用input标签会自动调起软键盘,如果不想调起软键盘,建议不写input标签,使用div代替
    场景:比如点击输入框后跳转其他页面,如果使用input框,在iOS上会先弹出软键盘再跳转

  2. input不能自动聚焦,使用DOM.focus() 或是autofocus属性或者手动触发点击事件都不行,主要是因为iOS的安全机制,得用户触发事件后才能聚焦
    解决方案:搜索框和搜索结果页在同一个页面,不要使用路由跳转

  3. 返回上一页,页面加载完成后会先白屏,得滑一下页面或者触屏,才能恢复正常
    解决方案:iOS H5 history.back() 返回上一路由 页面白屏

  4. input textarea 上边框显示较粗,如下图所示
    在这里插入图片描述
    解决方案:

input, textarea {
    -webkit-appearance: none;
}
  1. iOS textarea标签 placeholder多行时被隐藏,收起键盘又显示
    解决方案:https://blog.csdn.net/yujin0213/article/details/100936200

  2. iOS input、textarea聚焦迟钝,需要点击多次才能聚焦
    解决方案: 去掉项目里面引用的fastclick组件,原因是iOS11以上不需要引入这个,引入该组件还会引起其他bug
    参考:fastclick无需对IOS11及以上做处理fastclick在ios11以上引入问题

  3. iOS上正则表达式兼容问题
    问题:js正则表达式,使用了零宽断言 ?<!、?!

tpl = tpl.replace(/(?<!\()Uplive+(?!\))/ig, 'Haya');

iOS报错 Invalid regular expression: invalid group specifier name
解决方案:Invalid regular expression: invalid group specifier name

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值