使用Phonegap/Cordova为移动开发定制CSS

Question

我计划使用Cordova v3开发一个通用的应用程序，使用HTML/CSS针对移动设备。为了重用大多数html，哪个是最好的解决方案，但是对于每个移动平台都具有可视化的风格？在这种情况下，哪个是最好的css/框架(最好免费)？

提前谢谢。

Answer 1

就像你说的“但是每个移动平台都有视觉风格吗？”据我所知，你是在搜索应用程序中的原生外观。其他的答案是好的框架，但是，除非您想花时间调整css，否则它们将不像本地UI (视觉上的)。

我曾与Twitter启动和jQM合作过。到目前为止还不错，但是对于本地UI，我将选择以下选项，我认为这是最好的。这是我花了相当长时间寻找一个jQM替代方案之后的首选，因为我对它在具体方面并不满意。

编辑：我将根据我的经验和到目前为止所发现的(离子ui和onsen ui)添加两个新选项。

离子骨架

http://ionicframework.com/

打算开发混合应用程序使用角JS是一个真正的宝石。我一直在使用它，它确实帮助我比使用jQuery时开发得更快。

它也是用户界面元素，你可以开箱即用，它们适合iOS和安卓，不过我认为它的风格更像iOS风格。

优点

• 基于角度JS的框架
• 加速发展的进程，因为角JS的力量
• 非常好的文档和大量的例子，教程和食谱。
• 如果需要的话，您可以使用不使用角的CSS。
• 免费开放源码
• 主题化是通过CSS或SASS完成的。
• 足够的组件打开盒子开始构建和应用程序。

缺点

• 如果你想要享受它的所有力量，也许你可以阅读离子文档和棱角分明的纽带，但它是值得的。

Onsen用户界面

http://s.onsen.io/

我还没有使用它，但它看起来像一个真正完整的UI选项混合应用程序。

优点

• 与角和jQuery的工作很好
• 自由开放的SourceFree与开源
• 它有一个主题化工具，可以更容易地定制外观，以防您害怕CSS或SASS。

Kendo UI移动电话

http://www.kendoui.com/mobile.aspx

优点

• 它帮助您创建一个本机外观与本机用户界面的元素，为安卓，iOS，Windows，BB。
• 集成MVC框架
• 像jQM主题滚筒这样的主题机
• 看起来很结实(我期待着很快使用它)
• 基于jQuery，您可以很容易地利用所有jquery和JS库的功能来解决特定的问题。

缺点

• 它不是免费的商业用途。

PhoneJS

http://phonejs.devexpress.com

优点

• 基于jQuery，您可以很容易地利用所有jquery和JS库的功能来解决特定的问题。
• 可选地支持Knockout.js进行MVVM用户界面开发

缺点

• 与剑道相比，它的社区似乎要少得多，所以我不确定有多少人在使用它，这以后可能会有所帮助。
• 它不是免费的商业用途。

巧克力芯片UI

http://chocolatechip-ui.com

优点

• iOS 7，和Windows 8 UI外观
• 开放源码和项目看起来是活动的
• jQuery兼容
• ChocolateChip使用自己的JavaScript库ChocolateChip，用于DOM操作、Ajax请求等，非常类似于jQuery。(他们声称比jQuery和Zepto有更好的性能)

缺点

• 似乎没有一个广泛的社区

甾体类

http://www.appgyver.com/steroids

如果你觉得自己是一个冒险探险家，服用类固醇，这是科多瓦兼容，他们声称你的UI将执行良好的本土。这是相当新的，我还没有尝试，但我似乎很有希望，但由于仍然没有得到广泛使用，我没有决定使用它，因为有很多人使用它是有帮助的，当你面临问题。

注意：，如果其他人有其他有趣的替代使用此或其他UI框架为cordova/phonegap，请分享！

Answer 2

我的建议是支持市场上几乎所有移动设备的jQuery手机。

用于支持的设备列表：http://jquerymobile.com/gbs/

1)为每个设备平台提供了一种本地的感觉。2)支持所有平台3)易于支持和第三方插件

有人说jQuery手机可能速度慢。但你可以调整它的设置，使它更好。

Answer 3

你可以用Onsen用户界面。它声称比jQuery更快，并且有自己的主题滚筒，并且与PhoneGap/Cordova兼容。