您现在的位置是:网站首页>>微信>>微信小程序

如何在微信小程序中嵌入html网页信息

发布时间:2020-04-21 15:26:36作者:wangjian浏览量:238点赞量:0

    最近公司有一个项目需要使用到拍照出现虚线引导框的功能,但是在html中只有安卓系统的微信单可以实现此功能,所有这时候我们发现微信小程序有自定义拍照的功能,这时候我们就想到将html网页信息嵌入到微信小程序中

    一:在微信小程序中嵌入html网页

    文档地址:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

    在微信小程序中我们可以使用web-view标签实现在小程序中嵌入html网页,如

    <web-view src="https://www.baidu.com"></web-view>

    这样就可以实现将html网页信息嵌入微信小程序了,这里注意,当我们使用微信小程序正式号时,这时候我们需要将html信息的链接地址加入到微信小程序的业务域名中

    二:从html页面跳转到微信小程序页面

    当我们的html页面处理完成之后,这时候我们需要跳转到微信小程序的页面的话,这时候我们就需要使用到微信小程序提供的跳转方法了

    前提:在html 中我们需要引入下面的js

    https://res.wx.qq.com/open/js/jweixin-1.3.2.js

    然后我们可以使用如下方法实现从html跳转到微信小程序

    wx.miniProgram.navigateTo({url: '/pages/test/test'})
    wx.miniProgram.navigateTo({url: '/pages/test/test?id=1'})


0 +1