HTML|JS|CSS 框架/库，适用于 PhoneGap 和主要浏览器答案

【问题标题】：HTML|JS|CSS framework/library that works with PhoneGap and major browsersHTML|JS|CSS 框架/库，适用于 PhoneGap 和主要浏览器
【发布时间】：2015-11-26 10:04:46
【问题描述】：

我们需要使用尽可能多的通用代码库构建应用程序，该应用程序可在桌面和移动平台（Android、iOS、Windows Phone）上运行。此外，移动平台上的应用应该像一个应用一样（因此不是适合移动设备的网站），可以访问相机、位置和图标。

在查看了所有选项并发现了一些或其他怪癖后，我决定在浏览器和 PhoneGap 上使用 webapp/site 作为移动应用程序的基础。

现在，据我了解，将浏览器 webapp/site 的代码库粘贴在 Phonegap 基础结构中应该适用于移动应用程序。当然，可能需要进行一些小的更改。

但是，我也看到仅依赖 phonegap 和准系统 HTML5 技术（没有任何 UI 框架）将需要大量时间并且会令人厌烦。

所以我四处寻找一个 UI 框架，发现 - JQuery Mobile、Sencha Touch、Kendo UI 等。jQuery Mobile 虽然也可以在桌面浏览器中工作，但不会给我一个类似网格的系统来定位元素。其余的似乎只在移动平台上工作 - 他们没有吹嘘它在桌面浏览器上工作/扩展。

那么，是否有任何通用的库/框架可以提供 - CSS 动画、类似网格的定位系统等？

【问题讨论】：

Ionic 框架是另一个有趣的选择！ ionicframework.com
@jcarrera 不过，他们对桌面浏览器的支持相当冒险。
Ext JS 6 可以满足您的所有要求......但这个问题只会得到回复的意见（就像我的一样！）......这不是 StackOverflow 的目的。

标签： html cordova mobile cross-browser cross-platform

【解决方案1】：

经过浏览器和phonegap的一些测试和验证，我选择了以下组合：

Yahoo 的 purecss 库，用于网格系统和基本小部件。谷歌搜索在它上面给出的结果模棱两可的唯一痛苦是它太棒了。
Reactjs 来管理视图逻辑。这是我以前只使用 jQuery 的项目中最大的痛苦，把我的整个项目变成了一个巨大的 jQuery 汤。与此相比，React 非常干净。
superagent 可能，用于获取服务器数据的 AJAX 请求。扩展它，我还没有决定使用一个处理状态的类模型库；可能我不需要一个。随着项目的推进，我会做出决定。
手工编码的 CSS 具有一些常识，这样我就可以学到一些东西，而不会浪费我的时间去寻找一个多合一的库。 _这里唯一必要的规则是在您寻找某些东西时清除旧的最佳实践。例如，为了使某些东西居中，transition 方法是最好的技术。

【讨论】：

【解决方案2】：

与其说是“答案”，不如说是一种方法的想法。也许尝试首先使用引导程序从桌面角度创建您需要的内容，因此它首先是移动设备。然后可能会使用 jquery mobile 之类的东西来实现应用程序中的基本导航和结构。然后，您可以使用与“桌面版本”相同的代码/布局通过 ajax 拉入您的页面内容（当然，由于它是使用引导程序编写的，因此它具有移动友好的视图/布局）。

您可能必须创建一个 api 来为您的应用程序提供内容，或者找到其他方法来区分应用程序与服务器端的桌面站点，以便您知道他们的请求来自哪里，但是似乎可以。

【讨论】：