小程序web-view组件

不久前微信小程序发布了web-view组件，这个消息在各个圈里引起不小的涟漪。近期正好在做小程序的项目，便研究了一下这个让大家充满期待的组件。

 

1，web-view这个组件是什么鬼？

官网的介绍：web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。简单来说，这个组件是一个和当前页面一样大小的容器，容器里显示的是属性src引用的url的内容。类似于html中的iframe框架。不同的是iframe可以自定义大小边框等样式，webview自动铺满整个小程序页面。

2，这个组件能给我们带来什么？

小程序的页面开发虽然和HTML开发类似，但小程序有自己定义的标签，且不支持HTML标签。这样HTML那些丰富的标签在小程序开发中完全无用武之地，也就限制了页面的表现形式。对于已经开发了移动网站的项目来说，若想要开发个小程序版本，就只能优雅降级重新开发了，有了这个组件，搭个框架简单一行代码就够了。更新小程序版本的话，需要微信审核，如果把内容放在嵌入的网页上，热更新搞定。除了这些，网站上那些运营方案也让大家跃跃欲试。

3，web-view组件使用

虽然开放了这个组件，但使用时有很多限制：

使用限制：对个人类型和海外类型的小程序暂不支持

指向域名的限制：域名必须为https协议且经过ICP备案

域名修改限制：一个小程