本文介绍了移动终端H5开发中遇到的问题和解决方法。 因为可以作为参考，所以请必要的人作为参考。 如果能帮上您的忙就太好了。
Wechat共享签名错误无效签名
在vue单页面APP历史模式下共享wechat总是呈现签名错误invalid signature
根据wechat官网的文档，已经引入了jssdk，正确设置了js安全域名，后台开发者生成的签名也通过了wechat签名工具验证，但是前端的自定义共享继续报告签名错误，卡卡如果任何基本配置都没有问题，并且签名也通过了wechat签名工具验证，则有可能是前端访问的url和后台生成签名的url不一致导致的签名错误
如果前端通过ajax向后端传递url来获取签名，则需要从当前页面中删除“#'hash部分的链接，然后使用encodeuri组件
1
2
letURL=location.href.split('# ' ) [0]
编码组件(URL ) )。
一般来说，这样就可以进行wechat的定制共享，但是单页面APP路由切换后，IOS端也会提示签名错误，安卓端没有问题
这是因为历史模式下的视图可以在推送状态之间切换，而IOS中的WechState客户端(安卓客户端已被修复)不支持推送状态的H5新功能，所以路由选择右上角的拷贝链接表示WechState中记录的url需要手动更新，
解决方案是在页面进入时记录url，如果是iOS设备，则使用该url获取wechat签名
1
2
3
4
5
6
7
路由器. after each (到={。
ssionstorage.setitem (' current URL '，窗口.位置. href ) )。
() )
leturl=编码组件(location.href.split (' # ' ) [0]
if (系统==' IOs '会话存储. getitem ('当前URL ' ) )
URL=编码组件(会话存储. getitem (' current URL ' ) .分割' # ' ) [0] )
}
此时，持有该url获取Wechat签名是正确的。 该方法仅适用于IOS设备，如果获取签名的url与Wechat记录的url一致，则为正确的方法
往复缓存问题
单击浏览器的前进和后退时，js可能不会自动运行。 特别是在safari中，这与往返缓存(bfcache )有关。
解决方法： window.onunload=函数；
如果在Vue单页面APP应用程序中使用keep-alive，则页面也不会更新。 此时，某些接口请求等可以放入beforeRouteEnter方法中
IOS端不支持新日期(2019-01-0100336000336000 ) )的格式
该写法newdate (2019-01-010033600336000 ) )在安卓端受支持，但IOS端不支持，报告NAN错误，所以new date ) 2019-01
1
2
let date=' 2019-01-0100:00336000 '
date.replace(/(-/g，'/' ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )。
微信二维码
一个页面可能有多个二维码，但长按识别二维码只能识别最后一个二维码。 在这种情况下，页面的可视区域中只能出现一个二维码
在IOS中无法点击
默认情况下无法点击的标签(如span、p )，在IOS中接收到点击事件后也无法点击
解决方案，添加cursor :指针；
无法播放音频
audio.play ()方法可以在安卓设备上正常播放，但不能在IOS客户端上播放。 设置audio的src后，需要添加此行的代码
audio.load ()加载音频
通过接收加载数据，可以看到音频是否可以开始播放。 安卓设置在加载音频后开始播放，但在iOS端可能会稍有延迟。 此时，可以在audio.currentTime中获取音频是否开始播放。 如果该值大于0，则表示开始播放
IOS移动端点击事件300毫秒的延迟响应
fixed的问题
在ios8以下的系统中，如果键盘处于活动状态，则会发生位置浮动的问题。 解决方案：只需向中央外侧p添加css样式
定位：固定； top:50px； 底：50 px； 溢流：滚动；
这篇文章在这里全部结束了，但是其他精彩内容可以关注的HTML5视频教程栏增加了！
以上是移动终端H5开发中遇到的问题和解决方法的详细情况。 请关注其他相关文章。
更好的技巧请设为《转发 + 关注》哦！