将Ionic Framework或Onsen UI仅用作托管Web应用程序时有什么缺点

Question

我们计划使用AngularJS创建托管的Web应用程序。作为UI Framework，我们发现Ionic和Onsen可以很好地与AngularJS配合使用。这两个框架都促进了它们特别适用于混合应用程序。但我们正确理解，这两个框架都基于Web技术。那么在为非混合应用程序使用建议的UI框架时有什么缺点？主要是浏览器支持吗？

由于

Answer 1

嗯，Ionic和Onsen都是针对混合移动应用而特别制作的。即使是没有自定义的平板电脑应用程序，你也无法使用它（如果我错了，请纠正我）只是因为它们针对有限的视口并整合了手机UX模式。

此外，它们考虑PhoneGap（应用程序将托管在WebView组件中），并解决一些常见的WebView问题，例如GPU加速以获得更好的性能。

如果您只需要一个简单Web应用程序的UI框架，最好查看Twitter Boostrap或Zurb Foundation。对于复杂的情况，您甚至可以考虑Sencha而不是Angular。

Answer 2

Ionic的一部分需要安装Cordova / PhoneGap设备插件。它有助于在Android和iOS上正确显示，以及增加iOS 7标题栏的大小。但这不会成为Web的问题，因为你将拥有浏览器的“chrome”占用空间。

您可能会在页面转换等内容中失去一些黄油般的平滑性，因为模板文件需要通过（通常是蜂窝状）连接到互联网，但如果通过网络使用Ionic或Onses构建，您的应用程序肯定会起作用。

Answer 3

过去几个月情况发生了很大变化。

这两个框架现在都支持splitview，因此它们可以用于平板电脑设备。主观上Onsen UI有更好的支持（它更可配置），但Ionic也不错。这可以转换为较小的桌面浏览器屏幕。

您还应该考虑Onsen UI有专门的桌面浏览器 support （所有网络工具包浏览器）。离子框架也适用于桌面浏览器，但它没有针对此类环境进行全面测试或优化。

这里最大的问题是这两个框架从未打算在更大的屏幕上使用。他们看起来超大和臃肿。如果你曾经使用jQuery Mobile（在桌面浏览器上），你就会明白这个问题。

Answer 4

没有什么可以阻止你这样做 - 它甚至可能是移动优先设计方法的智能方法。优点是您可以快速迭代一个想法，然后根据用户反馈/指标投资本机或平台特定的应用程序。

主要缺点是用户对您的UI和应用程序逻辑的期望，这对于网页和本机应用程序是不同的。例如，后退按钮将在浏览器和标题中重复显示。您可以使用某些特定于平台的CSS或配置来隐藏它。然后是您的应用程序状态和用户数据 - 您将它保存在本地存储，会话或数据库中吗？这取决于您的应用和最佳判断。

有些浏览器问题可能无法在Ionic和Onsen的核心中解决，因为它们不适用于IE6 / 7（例如，参见angular browser support），但您可以通过拥有评分浏览器支持政策。