微信小程序内嵌套网页（webview）

如何使用呢？

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

”

点击开始配置

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

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

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

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

// 跳转到小程序的一个页面

wx.miniProgram.navigateTo({url: '/path/to/page'})

</script>

微信小程序内嵌套网页（webview）相关推荐

微信小程序嵌套iframe_微信小程序内嵌网页web-view
web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面.个人类型与海外类型的小程序暂不支持使用. 客户端 6.7.2 版本开始,navigationStyle: custom 对 ...
微信小程序内嵌webview实现微信登录
一.调研场景 1, 微信小程序内嵌webview实现微信登录二.技术实现 1. web-view标签实现链接内嵌小程序里嵌套web-view页面 (1)src属性:webview 指向网页的链接. ...
微信小程序内嵌H5网页
微信小程序内嵌网页 1.登录微信公众平台,选择对应的小程序进入(个人类型的小程序暂不支持使用) 2.在小程序后台左侧菜单选择"开发"–"开发管理"–" ...
小程序嵌套h5页面_快速小程序开发之微信小程序内嵌 H5
简介:微信小程序中可以直接运行 web 页面,这一新组件 web-view 的产生,可能直接导致小程序数量迎来一波高峰.本篇博文将从业务选型,微信小程序后台配置,使用 web-view 完成登录业务以 ...
微信小程序和H5网页之间有什么区别？
微信小程序和H5网页之间有什么区别本博主语录:小程序和H5网页的主要开发语言都是 JavaScript ,所以通常小程序的开发会被用来同普通的网页开发来做对比.两者有很大的相似性,对于前端开发者而言 ...
微信小程序如何打开网页
在微信小程序中打开网页需要满足两个条件: 1.在小程序管理后台设置跳转的域名为业务域名,注意这个域名必须是https协议的: 2.需要下载一个校验文件放置跳转域名的服务器根目录下,也就是讲这个跳转域名 ...
微信小程序判断服务器返回值,让微信小程序内置函数返回promise的方法
Promise API const promisic = function (func) { return function (params = {}) { return new Promise((r ...
php 微信创建客服,如何给微信小程序内添加客服按钮
这次给大家带来如何给微信小程序内添加客服按钮,给微信小程序内添加客服按钮的注意事项有哪些,下面就是实战案例,一起来看一下. 1. 普通客服按钮添加客服-联系我们 2. 悬浮客服按钮添加,图片自定义大 ...
会员卡券领取小程序_新增卡券功能在哪微信小程序内直接领取卡券方法
微信小程序新增卡券功能在哪?怎么在微信小程序内直接领取卡券?近日,微信小程序又新增了几大功能,其中包括卡券功能.用户可以直接从小程序中领取会员卡或者优惠券了,也可以从卡包中的会员卡直达小程序,非常方便 ...

微信小程序内嵌套网页（webview）

微信小程序内嵌套网页（webview）相关推荐

最新文章

热门文章