移动端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开发遇到的问题及解决方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

h5 canvas实现粒子时钟的详细方法

svg和css3实现环形渐变进度条的代码示例

关于http前端存储的总结

canvas的手绘风格图形库rough.js

在javascript的不同函数中可以使用相同的变量名吗?

一起看看javascript如何获取页面上被选中的文字

javascript如何实现弹出层效果?(代码分析)

html标签伪元素绑定事件的三种方式

javascript怎么实现秒转时间

何时在javascript中使用const关键字?

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




打赏

取消

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

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

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

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

评论

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