当仅将Ionic Framework或OnsenUI用作托管的Web应用程序时，有什么缺点

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

感谢

来源

2014-03-07 akkie

同时，双方Ionic和Onsen是为混合移动应用特别制作。即使没有定制化的平板电脑应用程序（如果我错了，请纠正我），您也无法使用它，只是因为它们针对的是有限的视口并且包含了手机用户体验模式。

另外，它们是根据PhoneGap（应用程序将托管在WebView组件中）制作的，并解决了一些常见的WebView问题，例如GPU加速以提高性能。

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

来源

2014-03-08 18:53:31

感谢您的解释。 – akkie

我最近创建了一个Ionic应用程序，并将其作为通用应用程序发布。该界面在iPad中看起来不错。 – Perry

嗨，佩里，你能分享这个链接，以便我们可以看到你用离子吗？ – Jorre

有一部分Ionic需要安装Cordova/PhoneGap设备插件。它有助于适当地在Android和iOS上显示，以及增加iOS 7标题栏的大小。虽然这不会成为Web的问题，因为您将使浏览器的“chrome”占据该空间。

由于模板文件需要通过（通常是蜂窝）连接传输到互联网，因此您可能会丢失页面转换等一些流畅的内容，但如果使用Ionic或Onses构建应用程序，网页。

来源

2014-03-31 02:22:41 Perry

“模板文件需要通过（通常是蜂窝）连接到互联网” - 如果在构建过程中使用某些html2js进行编译，明智的混合应用程序。 – philistyne

嗨佩里，我真的很喜欢使用“一刀切”的方法和通过像媒体查询/匹配媒体这样的智能方式来控制UI/JS的想法。我也相信“移动优先”的方法，以及这可以如何严重影响性能（尤其是移动性）。话虽如此，我对如何使用Ionic这样的框架可以做到这一点感到困惑。例如“选项卡”。。这当然不是普通的html ..我对于如何将两者用于相同的应用程序有点困惑。这可以被视为影子DOM吗？我想知道什么是浏览器兼容性？ – Oneezy

像角和离子中的许多东西都是指令，它们使用自定义元素。他们的支持可追溯到IE8 +以及所有现代版本的Chrome，Safari和FF。它们不是影子DOM，它们是常规的自定义DOM元素。在离子中，大部分样式都来自CSS类，它会自动包含在指令中。你也可以像使用正确的类一样简单地使用div，但是你会失去一些额外的功能/交互性。 – Perry

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

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

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

来源

2014-07-17 11:14:46 Peter

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

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

您还应该考虑温泉用户界面有一个专用的桌面浏览器support（所有web-kit浏览器）。 Ionic框架也可以在桌面浏览器上运行，但它并未针对此类环境进行全面测试或优化。

这里最大的问题是这两个框架都不适合在大屏幕上使用。他们看起来过大和臃肿。如果你曾经使用jQuery Mobile（在桌面浏览器上），你会明白这个问题。

来源

2015-01-02 10:30:08 Gajotres

当仅将Ionic Framework或OnsenUI用作托管的Web应用程序时，有什么缺点

回答

相关问题