uni-app打包的H5项目在iPhone 7的Safari浏览器出现返回点击无效情况

uni-app打包的H5项目在iPhone 7的Safari浏览器出现返回点击无效情况

项目信息 详情
产品分类 uniapp/H5
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 Windows 11 家庭中文版
HBuilderX类型 正式
HBuilderX版本号 4.36
浏览器平台 Safari
浏览器版本 15.8.3
项目创建方式 HBuilderX

操作步骤:

通过Hbuilder X直接创建的Hellow uni-app vue3项目,直接运行打包命令,然后将打包出来的目录放在小皮面板运行,后续在手机中运行,有时候出现页面已经展示完全可以操作,但是无法返回的情况

预期结果:

返回结果正常

实际结果:

返回点击无反应

bug描述:

uni-app的项目,在iPhone 7 的safari浏览器上面,进入页面的时候有时会出现无法返回的情况,底部的进度条还未加载完全

image

normal_video.zip


更多关于uni-app打包的H5项目在iPhone 7的Safari浏览器出现返回点击无效情况的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

看下网络,为什么底部的进度条一致没有走完?我本地真机测试,进度条顺利走完,功能也可以正常反馈

更多关于uni-app打包的H5项目在iPhone 7的Safari浏览器出现返回点击无效情况的实战教程也可以访问 https://www.itying.com/category-93-b0.html


项目是通过hbuilderX打包h5后,在本地通过小皮面板运行起来的,然后在苹果手机iphone7 系统15.8.3,safari浏览器中,第一次运行的时候,就可能会出现底部进度条没走完,后面如果不清除浏览器缓存,那基本就不会在复现这个问题了;网络方面,我们这边也是有在多个机型上面测试过就发现只是部分的旧机型会有这样的问题

回复 助赢: 对比测试其他浏览器看是网络资源的问题,还是 Safari 的问题。我本地自测功能正常,你多台设备测试一下,找下规律

项目是通过hbuilderX打包h5后,在本地通过小皮面板运行起来的,然后在苹果手机iphone7 系统15.8.3,safari浏览器中,第一次运行的时候,就可能会出现底部进度条没走完,后面如果不清除浏览器缓存,那基本就不会在复现这个问题了;网络方面,我们这边也是有在多个机型上面测试过就发现只是部分的旧机型会有这样的问题

这是一个iOS Safari浏览器在uni-app H5项目中常见的返回按钮失效问题,通常与页面加载状态和路由机制有关。以下是可能的原因和解决方案:

  1. 页面加载状态问题
  • 当底部进度条未完全加载时,Safari可能未正确注册路由历史记录
  • 建议在onReady生命周期中确保页面完全加载后再执行操作
  1. iOS Safari特有的路由处理
  • 尝试在pages.json中配置:
"globalStyle": {
  "h5": {
    "titleNView": {
      "autoBackButton": true
    }
  }
}
  1. Vue3路由兼容性问题
  • 确保使用最新的uni-app版本(建议升级到HBuilderX 4.36+)
  • 检查路由模式是否为history模式
  1. 临时解决方案
// 在页面中添加手动返回处理
onBackPress() {
  uni.navigateBack()
  return true
}
回到顶部