怎么在App里正确使用H5页面，你造吗？

用了这么多App，自己也做了App产品，注意到通过web页面在App里的正确应用可以轻松解决很多产品运营方面的问题，总结一下分享给大家。不是什么高技术含量的东西，贻笑大方了。

App里之所以用到web页面，多是因为这个页面上的内容和结构都是属于高频变化的，使用Native App页面来实现的话则需要不断发布新版本才能实现，这一点不现实。而App都是可以调用原生系统浏览器或者集成到App里的浏览服务，因此属于高频变化的内容和结构通过web页面来表现，再通过App来调用web页面就可以轻松解决这个问题了。而且，经过优化专门适配移动端的web界面已经很接近Native App的页面了，很多时候我都压根没有感受出来，也因此web页面在App上被广泛应用。

属于高频变化的内容和结构的页面多来自产品运营，一般包含：运营活动页面/广告/应用内推送消息等。

那，在哪些场景下web页面会在App里被使用呢？

说起App启动页，这是一个 Caodan的故事，因为在大量的App的启动页上已经做起了广告了，而更甚得是，还有App做了两个不一样的启动页连着显示，真挺牛B的[q毙][q毙]。启动页作为展示App品牌区域极好的手段，并且优质的启动页内容会不断地在用户内心里加以深化。每天我们看到的App不断变化的启动页内容都是通过web来实现的，很多人都没有感知到那是一个web页面。圣诞节的时候，打开虾米音乐时，启动页内容是带圣诞树带雪一个房子，现在想起来都暖烘烘的。而今年大红的钉钉，支持自定义启动页图片内容，一直想给团队做一个属于我们自己的很酷的启动页，结果被无限拖延。

[2016/03/01 备注---后来题主通过阅读才发现，启动页的图片更换并不是通过html的页面来实现，特此勘误，敬请谅解]

App的推送消息从打开方式上来说可以分为两类，第一类是点击推送消息直接打开指定App页面，比如多数资讯类App(知乎、澎湃新闻等)；第二类是点击推送消息打开一个web页面，再通过点击web页面里的内容模块打开指定的App页面。第二类推送消息在电商类/生活服务类等重运营的App里应用很多。比如图例中的大众点评对KTV商户的一次推送消息，这个推送消息里包含了多家的KTV商户，用户根据自己的喜好点击自己喜欢的KTV商户，进入该KTV商户的店铺详情页面（指定App页面）

这种web在App上的使用方式同上文的推送消息有异曲同工之妙，主要也是应用在重运营的App上，对电商类App的一次营销活动，对音乐类App的一个音乐精选集/音乐人的推荐，通过首页的推荐Banner位引导打开丰富的内容页面都是一个很好的方式。

这一种使用方式不太常见，但是可以作为App早期开发中过程中的一种替代手段。由于web的开发效率相对App来说会高一些，在App开发的初期为了抢占用户和市场先机而不得不在规定的时间内发布一款功能完整的App时，可以使用这种方式来进行 *** 作，基础的核心功能使用Native App页面来实现，一些非核心功能/使用App页面实现起来耗费工时的页面可以使用web页面来实现，这一点在早期的钉钉App版本里应用很多。

调用第三方服务并且涉及到复杂的数据验证处理又必须由第三方来完成时，这种方式是一个比较不错的解决方案，事实上，大量的第三方服务公司也是通过web来提供自己的产品和服务的。支付服务属于这一类范畴的最常见应用领域，例如Paypal支付服务，Braintree支付服务，支付宝支付服务等。

当然浏览器这类App的主体就是web页面，我们不再赘言。

这一点涉及到技术领域了，作为一个产品汪对此的了解实在有限，了解到的实现方式有以下两种，使用系统内核浏览服务和使用第三方提供的浏览服务。鹅厂提供了X5浏览服务SDK，号称表现性能优异，在微信里公众号文章使用的就是X5浏览服务。关于这方面更多的知识了解可以用关键词“webview”+"浏览服务"去问问度娘。

希望这篇文字能对你解决问题有所启发。码字这么辛苦，点个赞或者打个赏吧[可爱][可爱]。

2016/12/21 补记：

1、首先我们需要在桌面上，新建一张记事本

2、然后我们需要打开记事本，编写代码

3、然后我们需要把记事本修改后缀名为.html

4、然后我们需要在桌面上就会有一张网页，这一点很重要。

5、最后我们需要需要在浏览器上运行该网页

HTML中，设置新窗口打开很简单，对a标签加上target="_blank"即可，下面为你详细解释。

1、打开这个测试页面网页链接，左上角是实例代码，右下角是演示效果

2、点击"本页"

3、效果是这样的，在普通网页中，本网页会直接被替换。这个网页

4、点击"新页面"的话，会新打开一个标签页，原因就是a标签内多了

target="_blank"

这个属性

---