### 一、 小程序打开网页的条件 1） 小程序基础库版本要大于 1.6.4，低版本的小程序需要做兼容处理 2） 网页内容只能在<web-view/>组件中显示，它会自动铺满整个小程序页面 3） 个人类型与海外类型的小程序暂不支持使用web-view组件打开网页 ### 二、 小程序web-view组件打开网页示例代码 <!– wxml –> <!– 指向微信公众平台首页的web-view –> <web-view src=”https://mp.weixin.qq.com/”></web-view> ### 三、 web-view组件相关接口 web-view接口1 `<web-view/>`网页中可使用JSSDK 1.3.0提供的接口返回小程序页面。 支持的接口有： | 接口名 | 说明 | 最低版本 | |---|---|---| | wx.miniProgram.navigateTo | 参数与小程序接口一致 | 1.6.4| | wx.miniProgram.navigateBack | 参数与小程序接口一致 | 1.6.4| | wx.miniProgram.switchTab | 参数与小程序接口一致 | 即将开放| | wx.miniProgram.reLaunch | 参数与小程序接口一致 | 即将开放 | | wx.miniProgram.redirectTo | 参数与小程序接口一致 | 即将开放 | 示例代码： <!-- html --> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script> // javascript wx.miniProgram.navigateTo({url: '/path/to/page'}) web-view接口3 用户分享时可获取当前`<web-view/>`的URL，即在`onShareAppMessage`回调中返回`webViewUrl`参数。 示例代码： Page({ onShareAppMessage(options) { console.log(options.webViewUrl) } }) ### 四、 小程序使用web-view打开网页需要注意的地方 1) 每个页面只能有一个<web-view/> 2) 在iOS中，若存在JSSDK接口调用无响应的情况，可在<web-view/>的src后面加个#wechat_redirect解决。