微信小程序学习(八)——微信小程序内联H5页面——web-view组件

web-view组件简单使用

1. web-wiew官方文档

2. 使用web-view组件，需要在微信公众平台配置好业务域名，下载校验文件放在服务器中，确保能通过域名/文件.txt 进行访问

3. 建议新建一个页面，里面只有web-view 组件

官方文档：承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。

pages/baidu/baidu.wxml

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

4. 链接到 web-view 页面

pages/index/index.wxml

<view class="index-tips" bindtap="ToBaiDu">去百度</view>

pages/index/index.js

ToBaiDu(){
    wx.navigateTo({
      url: '../baidu/baidu',
    }) 
 },

参考链接：

微信小程序内联H5页面——web-view组件