在新功能页面，你想使用H5还是本地？
最近，公司遇到了两个项目，纠结了好一阵子，选择H5还是本土。如果使用native，旧版本无法兼容；如果用H5，功能和页面太粗糙，开发出来的效果达不到要求。
在这种情况下，产品应该如何决策，一个功能应该由H5还是原生实现？
通过梳理H5与本土产品的异同，希望能为今后的产品决策提供帮助。它分为以下三个部分：
如何区分一个页面是H5的还是H5本地的，并列出本地可实现的功能。如何确定一个项目是使用H5语还是H5语？
5种辨别网页是H5还是本土的方法。1.看断网的情况。
断开手机的网络，然后点选页面。
它可以正常显示页面内容，也可以自带网络诊断向导；H5页面显示404或错误页面。2.看装载方式。
打开一个新页面，看看导航栏下是否有加载行。
如果不是，就是原生的。如果是，该页面为H5页面；例如，当我们在微信中打开我们的H5页面时，有一条绿色的加载线。3.看下拉刷新。
前提是APP有下拉刷新。这时，下拉页面：
如果没有明显的页面变化，或者有动态下拉刷新加载图，就是原生的；如果页面闪烁，或者显示该页面由XXX提供，则为H5页面。注意：有些应用没有下拉刷新。即使此时使用H5，下拉菜单也没有响应。
4.阅读复制文章的技巧
如果页面有一大段文字，长按页面后：
如果出现文字选择粘贴功能，则是H5；如果长时间没有响应，或者出现APP特有的复制按钮，则为原生。注意：部分原生app自己开发了复制粘贴功能，部分H5 css屏蔽了复制选择功能等。这个判断依据误差较大。
5.看布局边界(仅限安卓)
您可以在设置中的[开发者选项]中打开显示布局边界。
在页面元素很多的情况下，布局是一整块，这就是H5；布局密密麻麻都是原生的。
H5或本土有什么独特的功能？随着前端技术的发展，H5能达到的功能和效果越来越接近原生APP。
然而，由于平台性能等原因，仍然存在一些无法克服的技术障碍。下表列出了H5和本机可以实现的常见功能和建议。当面对包括这个功能的需求时，你可以直接判断用哪种技术来实现。
[H5和本机可实现功能列表]
如何确定项目是否使用H5？如果项目的核心需求包括丰富的文字、动画、大量的格式，并且没有其他需求(如电商的商品图文详情、文章咨询等。)，3354使用H5可以更好更快的实现功能。在总结了H5和本土的优缺点之后，可以得出以下结论，以便于快速做出产品决策：
如果满足项目的核心需求，就需要调整本地硬件功能，离线操作(比如电商评测页面需要上传图片)。3354必须使用本机，H5无法实现。如果项目对用户体验要求比较高(比如游戏或者模型操作)，项目时间比较宽裕，——就用native，流畅度和体验会更好。如果项目需要大量的前后台数据交互，并且需要稳定(如电商购物车、订单页面)。3354使用native，native API更稳定，对弱网络状态的兼容性更好。如果项目处于初期试错阶段，不确定应该长期运营还是临时活动页面。3354采用H5，成本低，开发周期短；可以保证用户更新的及时性，不存在新旧版本兼容问题(实现新功能必须发布原生APP，老版本用户不升级无法体验)。另外，在其他很多人的文章中也提到过，H5和native各有优缺点，单独的html APP或者native apps都有局限性。因此，现在正常的互联网应用程序采取混合形式，即一些功能是本机的，一些功能是H5的。
附上最后一个提示：
混合APP(H5嵌入式APP页面)，建议在页眉使用H5原生文档标题，常驻后退按钮。在这个加载过程中，用户体验更好。而且如果网速差，也可以快速返回，不浪费用户的流量和时间。
参考：http://www.jianshu.com/p/00ff5664e000(作者：萧声)
http://www.uisdc.com/web-hybrid-native-app(作者：西罗特)
作者：徐晓逸，微信官方账号：poemmanager，PM圈新人，求指导~ ~
本文由@ Xujiayiyi原创发布。每个人都是产品经理。未经许可，禁止复制。
题目来自PEPEPELS，基于CC0协议。
暂无讨论，说说你的看法吧
