纵有疾风起
人生不言弃

微信小程序内嵌套网页(webview)

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/Null_Bugs/article/details/79495237

如何使用呢?

    首先设置权限,要在小程序中访问外部的网页,需要先设置允许访问的业务网站的域名,登录小程序平台管理后台页面,进入“设置”->开发设置:

微信小程序内嵌套网页(webview)插图

点击开始配置

微信小程序内嵌套网页(webview)插图1

使用web-view组件显示HTM页面

 

<web-view src="https://www.xxxxxxxxx.com/index.html" />

注意:<iframe>可以嵌套入到页面的任意部分,而小程序的这个<web-view>总是自动铺满整个页面,每个页面只能有一个<web-view>,它会覆盖其它的组件。

如果要在已经通过<web-view>嵌入小程序的网页中,跳转到小程序的其他页面,可以引入微信的一个jsssdk,使用它提供的方法来实现

<!– html代码中引入JS SDK –>
<script type=“text/javascript” src=“https://res.wx.qq.com/open/js/jweixin-1.3.0.js”></script>
<script>
// 跳转到小程序的一个页面
wx.miniProgram.navigateTo({url: ‘/path/to/page’})
</script>

未经允许不得转载:起风网 » 微信小程序内嵌套网页(webview)
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录