具有 web 视图和本机视图的混合应用程序的优缺点是什么？答案

【问题标题】：What are the pro and cons with a hybrid app with both webviews and native views?具有 web 视图和本机视图的混合应用程序的优缺点是什么？
【发布时间】：2012-01-09 18:38:10
【问题描述】：

很清楚选择使用 web 视图而不是原生视图的应用程序的优缺点是什么。但是我正在考虑制作一个混合视图，同时包含 web 视图和原生视图 - 让我从每个阵营中获得最好的。

混合解决方案的优缺点是什么？

【问题讨论】：

标签： javascript android ios uiwebview webview

【解决方案1】：

制作 webapps/“混合”的唯一好理由是跨平台兼容性，但（我认为）这是制作糟糕应用程序的最佳方式。

用户应该对您的应用感到宾至如归，如果大多数 Android 应用使用相同的指南/图标集/视图组件，那么自己制作是个坏主意。

这个幻灯片应该对你有用，它是关于 android 设计实践的： http://www.slideshare.net/AndroidDev/android-ui-design-tips

【讨论】：

【解决方案2】：

将本机功能与 Web 应用程序功能混合（尤其是当 HTML/CSS/JS 由本机应用程序生成时）可以非常无缝地工作。我的屏幕在同一个显示器上混合了原生和网络，让我可以使用两全其美。

主要的缺点是在两个世界之间创建一个共同的外观和感觉。例如，原生列表视图（默认为黑底白字，带有块升降栏）看起来与 Web 列表视图非常不同，除非您在 CSS 中复制原生行为。

【讨论】：

【解决方案3】：

优点：与所有设备兼容的开发更少。

缺点：混合应用程序只是具有本机包装器的 Web 应用程序。我不喜欢混合应用..

【讨论】：

【解决方案4】：

作为我的 HTML 5 开发人员，

如果您的混合应用包含使用 webkit 或类似游戏的高端动画...您最好使用适用于 android 和 ios 5 的原生。

根据我在 android webkit 动画方面的经验，有时会卡住。

从 iOS4.3 开始，它是完美的，从 ios 5 开始，它与在 android 中的相同有点太慢了。

并避免使用 jQuery 之类的框架，这会降低您的 html 5 应用程序的速度。

注意：如果您打算使用 Web 应用程序，最好使用任何 HTML 5 框架，例如 Phonegap 等...而且您应该考虑 Titanium。

更新：由于 IOS 5 中的 html5 缓存限制...我的游戏看起来很笨拙...

【讨论】：