### 首先简单介绍一下web-view，看过官方api的朋友可以自动忽略忽略，直接进入---配置步骤---即可
功能介绍
web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。
类似于Frame、Iframe、Frameset标记，只是对于目前来说，web-view还缺乏灵活性，不过相信很多人已经很满足了（如果非要吐槽，我只想说，web-view生不逢我的时啊...不提了，一把辛酸泪）
使用及后期配置限制问题
1. 个人类型与海外类型的小程序暂不支持使用。
2. js-sdk接口限制（具体请参考 官方api ）。
3. 每个页面只能有一个< web-view />。
4. 最多可以添加20个业务域名。
5. 一年只可修改50次业务域名。
web-view
| 属性 | 类型 | 默认值 | 说明 | |
|---|---|---|---|---|
| src | String | none | webview 指向网页的链接。需登录小程序管理后台配置域名白名单。 |
示例代码
<!-- 结构层 --> <web-view src="h5地址链接"></web-view>
配置步骤
1. 配置业务域名 2. 选择基础库
① --- 配置业务域名
| 步骤 | 名称 | 说明 |
|---|---|---|
| 一 | 校验文件 | 下载校验文件（GH0XFEdVsr.txt）然后找服务端的朋友配合一下，将校验文件放置在将要嵌套的业务域名的根目录，例：h5页面：mp.weixin.qq.com/index.html，那么你需要配置的就是mp.weixin.qq.com/GH0XFEdVsr.txt，校验成功后，你才能配置第二步的业务域名。 |
| 二 | 配置域名 | 例：mp.weixin.qq.com/ |
如下图：
② --- 选择基础库
这一步是最简单的，但确实很多朋友最容易忽略的（咳咳...），开发者工具-->详情设置-->选择1.6.4及以上版本即可（目前只支持到1.6.4）。
如下图：
总结：
以上说的就是web-view简单的配置流程，大部分的内容小程序的官方api都已经给出，这里只是把配置流程的步骤再进一步的详细化，变得更通俗一点，但是如果你需要在h5页面中做某些操作....
那就来看一下官方示例：快速通道
<! -- 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，手机微信打不开的情况，不要捉急，升级一下微信版本即可，实际项目中要做一下低版本的兼容。）
时代汇创是网站建设技术企业，为所有企业提供专业的网站建设、做网站运营，网站制作，网站维护，网站改版等技术服务。
欢迎来电咨询联系方式：028-86101315/18613239998
相关热词搜索： 组件 流程 小程序
上一篇：您需要添加对方为好友,QQ临时对话设置方法
下一篇：第一页
