Hybird app阶段分析

国内Hybird开发模式 的app
淘宝,天猫,微信,京东,携程,网易
微信 html 我的钱包具体功能，发现购物

淘宝、携程 native：首页，系统列表页
https://www.zhihu.com/question/28469978
淘宝天猫这样的超大型App业务逻辑太复杂，目前天猫是20% native +70% H5，search，detail，范儿，还有作者所在的交易链路（购物车+下单）是完全native化的，其他的都是Webview.

Hybrid App在开发当中的优点和缺点
优点：
1. 开发时分工非常明确，底层的由iOS开发人员处理(目前引入第三方sdk解决)，上层的由Web前端开发人员处理；
2. 有效的在线配置WEB方式，以便于及时在线替换界面；
3. 有利于在不同的平台上面展示同一个交互层；

缺点：
1. 还是运行效率，要权衡好多少界面采用Web来渲染，毕竟WebView的效率会相对降低，但是优化也有限度，如Ruby创始人Matz所说优化要恰当（包括花的时间，技巧等），而且有时候的优化达到的回报率不一定达到你自己的期望。
2. 正因为这是跨平台的开发，兼容是前端的痛。
3. 用户体验稍差

混合app中html和native页区别办法：
打开开发者选项->显示布局边界，然后你回到你想检验的程序中，如果是webview/底层框架，它会是一个大框，是原生view的话，就会出现很多红色的边界，或者直接将apk后缀转化成zip解压就能看见html的相关东西了

Hybird前景
现在Hybrid App主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。目前已经有众多Hybrid App开发成功应用，比如百度、网易、街旁等知名移动应用，都是采用Hybrid App开发模式。 经过众多开发者与成功案例证明Hybrid App兼具了native App良好用户体验的优势，也兼具了Web App使用HTML5跨平台易发布，开发低成本，另一方面学习难度也低于Objective-C、Swift、Java及其他原生语言动态更新的优势，并且随着手机性能和带宽的提高更加完美。

Hybrid App中需要注意的地方
1.web的内存管理和网络问题
Web开发是基于PC的一种开发模式，开发者使用PC浏览器模拟App中的Web View进行调试。PC浏览器与手机Web View的区别是巨大的，能支配的CPU资源，最大占有的内存，运行的网络环境，鼠标操作与触控操作的区别，浏览器对CSS/JS的解析和对事件处理，等等.而在Web开发则对这个问题没有过多注意内存管理。如果以Web方式接入App的页面没有一个明确的标准和严格的验收机制，相应的Web实现则不会过多考虑这方面的问题，而且浏览器也没有给前端工程师提供足够的Api支持处理内存问题，导致在某些条件下造成App无法正常运行，甚至Crash。网络环境方面，虽然现在wifi覆盖越来越广，3G网络也日益普及，wifi和蜂窝网络的切换，基站变化等诸多因素都会导致网络间歇性断开。Web开发总是默认有一个稳定的网络环境，因此在对于不稳定网络环境问题的处理上也有所欠缺。
2.富交互导致体验差
无论在Android还是iOS平台上，都有各自的一套交互习惯，包括视觉风格，界面切换，操作习惯等，与Web习惯完全不同。如果使用Web方式开发富交互的页面，或多页面功能就会出现这样的问题。Web界面上JS对HTML Node的操作需要消耗大量的CPU资源，就算在智能手机之间，硬件水准也参差不齐，一个可以在iPhone 5上流畅运行的界面，跑到三星S III上很可能就卡住不动了。

3.跨平台兼容性问题
一次开发，跨平台运行是Web的优势，这也是很多App采用Hybrid模式的重要原因之一。兼容性问题在Web开发过程中往往不被关注，但当下智能手机的软硬件版本众多，兼容性绝对是一个不容忽视的问题。以Android手机为例，诸多主流品牌都有各自定制过的操作系统，浏览器内核对JS和CSS的解析，事件处理等方面都存在区别。以HTC One为例重叠在一起的层在某些情况下会对点击事件透传，而其他多数平台则不存在这个问题。即使在相对统一的iOS平台，不同版本之间也存在较大差异。