关于H5+vue-cli项目在Safari浏览器中的兼容性处理总结

木屋x

于 2021-09-15 10:55:51 发布

阅读量1.5k

点赞数

分类专栏： webH5 文章标签： safari html5 javascript

本文链接：https://blog.csdn.net/qq_34917408/article/details/120304205

版权

13 篇文章 14 订阅 ¥29.90 ¥99.00

订阅专栏

本文总结了在使用H5和vue-cli构建的项目中遇到的Safari浏览器兼容性问题，特别是在集成微信JSSDK后，页面在Safari中刷新导致的URL信息不更新，进而引发鉴权失败的问题。解决方案在于识别Safari的特性，确保路由信息和URL同步更新。

摘要由CSDN通过智能技术生成

最近在vue-cli开发的H5项目中集成了微信JSSDK以解决项目中的一些需求，在项目测试的时候遇到了兼容性的问题：在android系统的微信浏览器以及PC端微信开发者工具中测试没有任何问题，但是在IOS系统的Safari浏览器中测试时发现，当到达指定页面时，页面中JSSDK鉴权需要使用当前页面的url信息，在此时刷新页面后取得的url信息不能及时更新，导致当前页面再使用url信息做鉴权操作时就会报鉴权失败；换一种方式，当在当前页面刷新之后再回退到上级页面，再进入目标页面，此时就是正常的。测试到这里初步判断为Safari浏览器存在兼容问题。

  // 网上有反馈this.$outer.go()方法不兼容Safari，其实这里的vue-router是与Safari浏览器存在兼容问题，其实可以发现vue-router中不仅仅是go(

了解本专栏

关注

专栏目录