首页 > 其他分享 >记一个题主在使用uniapp开发公众号H5的时候发现的设备类型带来的坑

记一个题主在使用uniapp开发公众号H5的时候发现的设备类型带来的坑

时间:2024-08-29 11:27:41浏览次数:10  
标签:navigateTo uniapp 微信 H5 题主 苹果 跳转 链接 页面

当使用navigateTo跳转时需要注意的点:
跳转到的页面推荐不要加入获取微信的jssdk操作,容易失败,尤其像是获取定位wx.getLocation,这个差异体现在安卓和苹果上微信通过wx.config读取对应当前页面的链接上。
安卓在使用navigateTo跳转后页面实际上是经过刷新的,获取到的页面在history路由模式下是当前的页面链接,而苹果在history模式下拿到的链接没看出来是什么,反正我使用location.href.split('#')[0]拿到链接的情况不尽人意,和安卓上一样,但就是会出现签名校验失败,然后需要刷新当前页面以后,苹果微信浏览器才能正常签名成功。
这个目前导致的原因可以看出是微信浏览器获取当前页面链接时在苹果和安卓上表现不同引起的。
有人大帝是说这和苹果进页面的机制有关,navigateTo跳转时,苹果的页面还保留在列表页的链接,导致wx.config比对失败。

当把navigateTo跳转改为window.open(url,'_self')跳转,并使用uni.navigateBack做返回时需要注意:
苹果可以正常的从跳转后页面返回跳转前页面,这时候页面缓存是会有的,但是安卓在使用这种跳转时实际上会进行页面刷新,导致uni.navigateBack返回时页面缓存失效,导致回到跳转前页面时是无法保留对应对应的类似筛选项的值的

标签:navigateTo,uniapp,微信,H5,题主,苹果,跳转,链接,页面
From: https://www.cnblogs.com/ryanedward/p/18386308

相关文章

  • Node脚本打包uniapp热更新wgt文件
    通过脚本打包uniapp热更新wgt文件前言:uniapp只能通过hbuilder打包wgt文件目标:通过脚本命令打包wgt文件实现思路uniapp官方文档已经提供了wgt文件的的生成思路:目前使用npmrunbuild:app-plus会在/dist/build/app-plus下生成app打包资源。如需制作wgt包,将app-plus中的文......
  • 基于SpringBoot+Vue+uniapp的EE的仓库管理系统设计与开发vue的详细设计和实现(源码+lw
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取源码获取前言......
  • uniapp js 数独小游戏 9*9 数独 2.0
    效果图: game.vue<template> <view> <viewclass="main"> <viewclass="foot"> <viewv-if="!isTip"class="sudoku_area"> <viewv-for="(row,index)ofrowList":key=&quo......
  • uniapp js 数独小游戏 n*n 看控制台的打印 数独 1.0
    uniappjs 数独小游戏n*n 看控制台的打印game.vue<template> <view>4567</view></template><scriptsetuplang="ts">import{ref}from'vue'import{onShow}from'@dcloudio/uni-app'constsdNum=ref(......
  • 移动端+PC端源码,智慧城管执法系统,后端框架:springboot,移动端:uniapp
    市管理综合执法管理平台实现执法办案、业务全流程在线办理,依托移动端+PC端的“两端”应用模式,保障能够通过信息化手段进行日常的执法办案工作,强化执法监督功能。提供了案件在线办理、当事人信用管理、文书电子送达、沿街店铺分析等功能,全面赋能执法队员,提高执法队员办案效率。......
  • uniapp 在线预览pdf 或者 文件
    页面代码:<template><view><web-view:src="fileUrl"></web-view></view></template><script>exportdefault{data(){return{fileUrl:"&quo......
  • uniapp微信小程序获取小程序新版本
    functioncheckUpdate(){//使用该接口,可以获知是否有新版本小程序、新版本是否下载好以及应用新版本的能力。constupdateManager=uni.getUpdateManager()updateManager.onCheckForUpdate(function(res){//请求完新版本信息的回调console.log(res.hasUp......
  • vue3uniapps使用富文本mp-html插件
    1.实现效果具体需求:顶部是搜索栏,包括搜索结果个数,目前跳到第几个,包含上一个、下一个按钮。富文本区域关键词高亮黄色,当前关键词为高亮橙色。如图2.版本号用到vue3和uniapp,mp-html插件版本是v2.5.0,插件地址:https://ext.dcloud.net.cn/plugin?id=805用npm方式打包放到......
  • 使用 UniApp 实现摄像头视频流的接入并在页面上显示视频流
    UniApp是一个使用Vue.js开发所有前端应用的框架,它支持一次开发,多端部署(包括H5、小程序和APP)。下面我将展示如何使用UniApp实现摄像头视频流的接入,并在页面上显示视频流。我还会提供一些使用场景以及代码优化建议。使用场景直播应用:用户可以实时分享自己的画面。在线......
  • 移动H5端方案
    ●vue31. vue3+vantUI框架● 官方文档:https://vant-ui.github.io/vant/#/zh-CN● 版本:v4.9.4最新版本,更新时间2024-08(从2019-07至今,迭代时间5年)。● 研发团队:有赞团队● 优点:轻量、更新快,界面较美观、80+个高质量组件,覆盖移动端主流场景。● 适配性:官方支持vue3......