H5混合开发头部导航的问题

Question

请问一下：
H5开发嵌入app内、头部导航采用app的和H5自己写 有什么具体的区别吗？

Answer 1

各有利弊吧，
用h5的就是完全h5自己控制，最大的优势就是头部可定制性高，特别是导航头右边可能会有各种定制需求，最大的缺点就是导航头离顶部的间距不好处理，得考虑刘海屏的显示效果，
用app的，最大的优势就是用户体验好，包括顶部间距自适应，不会完全白屏等等，但是导航头可定制性差。

要不要用app的，就看你们产品能不能接受导航头统一样式，参考微信内置浏览器或者钉钉内置浏览器的效果，

当然也可以选择两个都要，不同场景选择不同的方式。

Answer 2

两种方式的主要区别：

H5完成写全部头部导航。大部分实现就是单纯一个webView内部使用h5 api 导航，在切换路由时候性能不稳定，转场动画不流畅，会出现瞬间白屏现象。但是涉及原生的工作量低。

APP实现头部导航其实就是多个webView组成路由切换，正常会缓存5个活跃webView在App内。那么H5跳转路由的就调用原生提供的api进行跳转webView切换到另一个webView，这样体验转场动画流畅，很少几率出现白屏，除非你的js代码非常low。

Answer 3

h5写导航栏的话，可以自由定制样式，不受原生控制，页面更新不受限制，不用重新打包更新。
原生写导航栏的话，固定样式较多，如果需要定制需要增加原生导航栏样式或者适配多样，需要重新打包更新。
具体选择取决于你们想要怎样的样式，其实大差不差都可以