H5通过wx.miniProgram.navigateTo跳转到小程序页面-前端-阿习进阶博客
Java
MySQL
大数据
Python
前端
黑科技
    首页 >> 互联网 >> 前端

H5通过wx.miniProgram.navigateTo跳转到小程序页面

[导读]:h5跳转小程序指定页面,h5跳转页面,wx.miniProgram.navigateTo...

在h5页面引用


<script src="****wx.qq.com/open/js/jweixin-1.3.2.js#wechat_redirect"></script>

#wechat_redirect是为了解决ios不生效 


  1.tip:网页内iframe的域名也需要配置到域名白名单。

  2,tip:开发者工具上,可以在web-view组件上通过右键﹣调试,打开web-view组件的调试。

  3.tip:每个页面只能有一个web-view,web-view会自动铺满整个页面,并爱盖其他组件。

  4.tip:web-view网页与小程序之间不支持除JSSDK提供的接口之外的通信。

  5.tip:在iOS中,若存在JSSDK接口调用无响应的情况,可在web-view的src后面加个#wechat_redirect解决。

  6.tip:避免在链接中带有中文字符,在iOS中会有打开白屏的问题,建议加一下encodeURIComponent

  然后在需要做跳转的事件中:

  wx.miniProgram.navigateTo({

  url:'/pages/ad/index'

  })

  亲测有效安卓和ios都能跳转


image.png

本文来自阿习进阶博客,如若转载,请注明出处:https://yanxias.com

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

联系人:阿习

手机号:156****7890

留言内容:欢迎大家一起讨论文章,有喜欢发帖的可以私聊我给你开权限,发文章

留言时间:2022-05-09 17:46:15

回复内容:互联网阿习

回复时间:2022-05-09 17:46:15

用户IP:220.***.***.232

用户操作系统:Windows 10

欢迎加Easy的QQ