文档 属性·动作·事件
功能概述
网页组件用于在案例中内嵌一个网页。 它具有如下特性：
- 可以在当前案例环境下，无需跳转外链-就访问到外部网页，避免了意外跳出。
- 具有可定义的外观，通过网址链接访问外部网页，可在不改变外观属性的情况下-替换网址。
- 网页组件自带滚动条，可以实现网页的完全展示，还可与其它组件进行交互。
- 可通过为网页组件添加关闭、后退按钮-来控制网页对象的访问行为，相当于在案例中嵌入了一个小型浏览器。
使用场景
网页对象常用于在案例中引入外部网页。 例如嵌入活动报名页面、商品宣传页面等。
基本用法
1.网址的设定
使用网页工具需要为其设定网址。
在编辑状态下，可以在其属性栏的“链接”一栏中进行填写，该链接将作为初始链接：
在非编辑状态下，可通过“设置属性”或数据绑定实现链接的动态设定。
2.小程序环境下的用法
小程序环境下，按照上述的方法设定网址，那么当你进行小程序的预览和发布时，极有可能得到下图类似的信息。
那是因为我们所使用的的网页组件并非网页环境下的iframe，而是微信提供的原生web-view组件（https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html），是一个可以用来承载网页的容器，会自动铺满整个小程序页面。 而作为微信原生组件，其使用的方式必然需要遵循微信给出的一些限定。
因而在ivx小程序环境内使用网页组件的用法如下：
（1）由于个人类型的小程序暂不支持使用web-view，只有企业类型账号绑定的小程序才能使用web-view。我们首先要将web-view链接的网页添加到公众号业务域名名单上， 同时如果web-view内存在iframe，那么网页内iframe的域名也需要配置到该名单上。
（2）在配置业务域名时，业务域名只支持备案后的https，域名格式只支持英文大小写字母、数字及“- ”，不支持IP地址及端口号； 而且所有的业务域名都必须添加域名校验才能正常使用。
（3）设置网页组件的“链接”属性-为我们添加到业务域名名单内的网址。
Q&A
1、如何使用网页对象嵌入外部案例？
A：详见该视频：
B.网页组件注意事项
编译小程序后，网页组件会置顶于其他组件之上。（类似会置顶的组件还有地图组件和二维码组件）
若有收获，就点个赞吧
0 人点赞
