UrlSchemes链接ios真机内在uni-app中打开webview的H5页面中点击失效

UrlSchemes链接ios真机内在uni-app中打开webview的H5页面中点击失效

信息类别 详情
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 Win11 22631.4751
HBuilderX类型 正式
HBuilderX版本号 4.45
手机系统 全部
手机厂商 华为
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX
App下载地址或H5网址 H5网址：https://static-mp-8b05e9e2-d46c-486a-b9fc-db79b6f6d231.next.bspapp.com?type=app&src=scssesign://packageA/productDetails/productDetails?goodsId=4167

测试过的手机：

  • iPhone11, iOS版本：18.3.2
  • vivo X100, 安卓15

操作步骤：

  • 测试1：在app内使用webview，内嵌H5页面，点击此H5页面的a链接跳转到app的某个页面；
  • 测试2：在app内把UrlSchemes链接写在a便签内，点击跳转

预期结果：

  • 测试1，测试2；预期安卓，ios真机都正常跳转

实际结果：

  • 测试1，测试2都只有安卓才能正常，ios都失败

bug描述：

以下操作都是运行在自己的app上，（在app.vue的onshow页面接收UrlSchemes） ios真机在app内的页面中，使用webview内嵌的H5页面中点击带有UrlSchemes链接的a标签无法正常跳转（H5页面是独立的项目，已编译上传） 怀疑是因为webview的原因，随意又做了一次测试，就把UrlSchemes链接写在了app内部页面，安卓点击正常，ios还是一样失效，后台切换自动跳转（已拍摄视频）


更多关于UrlSchemes链接ios真机内在uni-app中打开webview的H5页面中点击失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

还有两视频总是上传失败，需要的可以私我Q1035482392 在安卓，ios自带的浏览器中，点击a标签都可以正常打开app

更多关于UrlSchemes链接ios真机内在uni-app中打开webview的H5页面中点击失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据描述，iOS真机环境下UrlSchemes跳转失效的问题，可能是以下原因导致的：

  1. iOS安全限制问题：
  • iOS对webview中的UrlSchemes跳转有更严格的限制，需要额外配置白名单
  • 在manifest.json中需要添加UrlSchemes白名单：
"ios": {
  "urltypes": [
    {
      "urlidentifier": "your.app.id",
      "urlschemes": ["scssesign"]
    }
  ]
}
  1. 跳转方式问题：
  • iOS webview中直接使用a标签跳转可能被拦截
  • 建议改用JS方式跳转：
window.location.href = 'scssesign://packageA/productDetails/productDetails?goodsId=4167';
回到顶部