支持PhoneGap和主流浏览器的HTML | JS

我们需要尽可能多的通用代码库构建应用程序，适用于桌面和移动平台（Android，iOS，Windows Phone）。此外，移动平台上的应用程序应该像一个应用程序（非移动友好型网站），可访问相机，位置和图标。支持PhoneGap和主流浏览器的HTML | JS | CSS框架/库

查看了所有选项并找到了一些或其他的怪癖后，我决定让浏览器和PhoneGap上的webapp /网站基于移动应用程序。

现在，据我的理解，坚持浏览器webapp/site的代码库在Phonegap基础结构中应该适用于移动应用程序。当然，可能需要做一些小的改动。

但是，我也看到只依赖手机和准系统的HTML5技术（没有任何UI框架）需要很多时间，而且会很麻烦。

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

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

来源

2015-09-01 Jayesh Bhoot

离子框架是另一个有趣的选择！http://ionicframework.com/ – jcarrera

@jcarrera虽然他们对桌面浏览器的支持相当不错。 –

Ext JS 6完成了你所要求的所有事情......但这个问题除了回复意见之外（就像我的！）......这不是StackOverflow的目的。 – arthurakay

一些测试和验证的浏览器和PhoneGap的之后，我选择了以下组合：

雅虎purecss库网格系统和基础部件。它令人敬畏，Google搜索带来的唯一难题就是结果不明确。
Reactjs来管理视图逻辑。这是我以前使用jQuery时最大的痛苦，把我的整个项目变成了一个巨大的jQuery汤。与此相比，React非常干净。
superagent可能是因为AJAX请求获取服务器数据。扩展这一点，我还没有决定采用处理状态的模型类库;可能是我不需要一个。随着项目的进展，我会决定。
手写代码CSS具有一定的常识性，这样我就可以学到一些东西，不会浪费我的时间去寻找一个全功能的库。 _这里唯一必要的规则是在寻找某些东西的时候去除旧的最佳做法。例如，为了集中某些东西，transition方法是最好的技术。

来源

2015-09-10 05:58:15

这不是一个“答案”，而是一个方法的想法。也许尝试首先使用bootstrap从桌面角度创建你需要的东西，因此它首先是移动的。然后，可能会使用像jquery mobile这样的应用程序中的裸骨导航和结构。然后，您可以使用与“桌面版”相同的代码/布局通过ajax提取页面内容（因为它是使用引导程序编写的，所以它当然具有移动友好的视图/布局）。

您可能需要创建一个api来为您的应用程序提供内容，或者找到一些其他方式来区分应用程序和服务器端桌面站点，以便您知道它们的请求来自哪里，但似乎能够做到。

来源

2015-09-02 00:48:27 OliverJ90

支持PhoneGap和主流浏览器的HTML | JS | CSS框架/库

回答

相关问题