移动端H5开发遇到的问题及解决方法


当前第2页 返回上一页

如果是Vue单页应用,并且使用了keep-alive的话,页面也不会刷新,这时候一些接口请求等可以放在beforeRouteEnter方法中

IOS端不支持new Date("2019-01-01 00:00:00") 这种格式

这种写法new Date("2019-01-01 00:00:00")在安卓端是支持的,但是在IOS端不支持,会报NAN错误,所以需要把new Date("2019-01-01 00:00:00")改成new Date("2019/01/01 00:00:00")这种形式

1

2

let date = '2019-01-01 00:00:00'

date.replace(/\-/g, '/')

微信二维码

一个页面可能有多个二维码,但是长按识别二维码只能识别最后一个二维码,这个时候我们需要控制页面可视区域内只能出现一个二维码

IOS中无法点击

span,p 等默认无法点击的标签, IOS中监听click事件点击无效
解决办法,添加 cursor: pointer;

audio音频无法播放

audio.play() 方法在安卓设备可以正常播放,但是在IOS客户端不能播放,在设置了audio的src之后,我们需要加上这一行代码
audio.load() 去加载音频

可以通过监听loadeddata方法看音频是否可以开始播放了,安卓设置在音频加载好了之后就开始播放,但是iOS端可能稍微有延迟,这个时候我们可以通过audio.currentTime获取到音频是否开始播放,这个值大于0就说明已经开始播放了

IOS移动端click事件300ms的延迟响应

fixed问题

在ios8以下系统,当小键盘激活时,都会出现位置浮动问题,解决方法:只需要在中间部分外层p添加css样式
position:fixed;top:50px; bottom:50px;overflow:scroll;

本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的HTML5视频教程栏目!

以上就是移动端H5开发遇到的问题及解决方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

javascript生成一次性密码(otp)

javascript放在什么标签内

如何理解javascript中的函数概念

介绍我们是如何搭建互动应用

javascript如何加音乐

javascript中的垃圾回收和内存泄漏

javascript arguments对象怎么用

javascript字符串中指定字符怎么删除

学习javascript之手机振动api

javascript中数组如何求和?常用方法介绍

更多相关阅读请进入《h5播放器》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...