### 一、 小程序打開網頁的條件 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解決。