H5通过wx.miniProgram.navigateTo跳转到小程序页面-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

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

[导读]:在h5页面引用<scriptsrc="****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组件的调试。...

在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


本文来自E先生的博客,如若转载,请注明出处:https://javajz.cn

留言区

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

历史留言

欢迎加Easy的QQ