全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:15617636856

郑州网站建设

当前位置: 首页 > 新闻资讯>>郑州webview跳转小程序怎么实现?

郑州webview跳转小程序怎么实现?

作者:郑州网站建设公司发布时间:2023-10-10 15:23:27查看次数:来源:网络文章数:

现如今说到大多数小程序使用网页视图,在使用web-view最大的问题就是与小程序的交互。 我这里的主要目的是从网页视图跳转回小程序的演示。那么webview跳转小程序怎么实现?一起来看看吧。
郑州webview跳转小程序怎么实现?(图1)
一.webview跳转小程序怎么实现?

1.微信官方文档

微信网页查看文档

2、关于web-view页面的使用:

页({

数据: {

url: '您的网页查看地址'

},

onLoad: 函数 () {

},

})

可以直接在页面方法中使用。 注意将您的浏览地址添加到小程序的白名单中。 而且必须是https。

3、关于web-view跳转小程序页面

微信官方提供了具体的JS。 我们在web-view页面引用这个JS,然后就可以使用微信官方提供的方法了。

//引入JS

//跳

$('#wxxcx').on('点击',函数{

wx.miniProgram.switchTab({

url:'/pages/index/index',

成功:函数(){

console.log('成功')

},

失败:函数(){

console.log('失败');

},

完成:函数(){

console.log('完成');

}

});

});
郑州webview跳转小程序怎么实现?(图2)
这里需要注意的事项:

1)要重定向的页面必须在app.json中注册。

2)JS必须正确引入

3)对应的跳转方法必须正确。

二.关于微信给出的跳转方法

1.wx.navigateTo

该方法主要用于小程序中注册页面之间的跳转。 微信官方规定,“为了防止用户在使用小程序时造成麻烦,我们规定页面路径只能是五级。 请尽量避免多层次的互动。”

其次,这个方法跳转到页面时,原来的页面还在,可以返回。 就像一个堆栈一样。 该堆栈只能存储 5 页。

2. wx.redirectTo()

该方法主要用于小程序中打开新页面以及注册页面之间的跳转。 使用该方法后,相当于关闭了原来的页面,打开了一个新的堆栈。 所以我们可以使用wx.redirectTo()来跳转到一些不需要返回的页面。

3. wx.switchTab()

该方法是微信提供的跳转方法中唯一可以跳转到tabBar注册页面的方法。 比如你想通过web-view跳转到tabBar页面,那么此时使用wx.navigateTo()和wx.redirectTo()就不会成功。 必须使用wx.switchTab()。

在我的例子中,因为我要跳转的是tabBar,也就是我们底部导航栏对应的页面,所以我使用switchTab方法来跳转。

原文:以上文章已经完整介绍了【webview跳转小程序怎么实现? 】今天的文章就到此为止。 如果您想了解更多关于webview跳转小程序怎么实现的知识,请前往上方导航栏查看详细知识。

站内文章:均为188bet博彩体育app下载方式 各部门原创内容如需转载请著名本文网站链接://www.mcissock.com/new/31074.html未经允许转载要受法律责任,如需转载请联系269247937@qq.com


[郑州webview跳转小程序怎么实现?]

本文链接://www.mcissock.com/new/31074.html
tags:webview跳转小程序跳转小程序
网页是否收录:
返回目录 在线咨询

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。

  • 返回顶部
  • 15617636856
  • QQ在线
  • 微信二维码
0
Baidu
map