【问题标题】:HTML5 mobile frameworks compatible with desktop browsers与桌面浏览器兼容的 HTML5 移动框架
【发布时间】:2013-12-11 20:07:51
【问题描述】:

我有以下任务:

  • 为主要平台(ios、android、wp8)开发一个 html5 混合应用程序,具有一些本机设备功能,如推送通知和本地存储。
  • 此应用程序的确切副本应在桌面浏览器中运行,客户应将其用作移动应用程序“预览”。

我是 HTML5 移动开发的新手,只尝试了 phonegap+jquerymobile,它有一些性能问题。 据我了解,Sencha 与桌面浏览器不兼容。

对于此类问题,您会推荐哪套工具?

【问题讨论】:

  • 我可以将它与phonegap一起使用,对吗?如果性能更好,我应该尝试这种组合。
  • 显然我听说过 bootstrap,只是想让一些 cmets 考虑更多选项)
  • 关于性能问题,请在此处查看我的答案,其中我列出了与 phonegap stackoverflow.com/questions/20158108/… 一起使用的其他 UI 框架,并与 jQM 相比提高了性能

标签: javascript html mobile extjs cordova


【解决方案1】:

我们开发的框架可以满足您的很多要求。

看看qooxdoo Mobile:

http://demo.qooxdoo.org/devel/mobileshowcase/index.html#%2F

它适用于

  • IE 10,11
  • Firefox 桌面版
  • Google Chrome 桌面
  • Windows Phone 8
  • Android 2.3+
  • iOS 5+
  • 黑莓操作系统

【讨论】:

  • 具体涵盖哪些内容?原生功能呢?我认为桌面端的体验有点糟糕......为桌面提供一个稍微不同的应用程序不是更好吗?
  • 由于 Alex 只需要预览,因此额外的桌面视图会很费力。 qx.Mobile 在所有支持的平台上运行良好。
  • 我的错误,误解了“移动应用预览”。顺便说一句,Sencha Touch 应用程序也可以在现代浏览器和您上面提到的所有平台上呈现。
  • qooxdoo 在我的两部手机上都能完美运行(实际上在 Lumia 620 上有点慢)。很喜欢,不错的选择)
【解决方案2】:

我会使用 Sencha Touch + PhoneGap 和可选的 ExtJs 以获得完整的移动应用程序版本,除非某些本机功能不可用。

他们太棒了。

http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#demo/tabs

【讨论】:

  • 顺便说一句,您的示例适用于我的 Android 手机,但完全不适用于 WP8。不知道为什么。
  • www.sencha.com/blog/sencha-touch-with-windows-phone-8 它应该可以工作,您的浏览器控制台是否出现错误?
  • 在该示例中,我正在观看一个传说“欢迎使用 Sencha Touch 2.0.1”,正如博客文章中所说,稍后添加了对 WP8 的支持......您可以尝试使用WP8 上的更高版本
  • @AlexPetrenko Wp8 在 sencha 2.3 之后得到支持,您可以查看我的解决方案 thebestofpets.com/production(它只是为了在 wp8 中测试)同样的解决方案包含电话间隙
  • cdn.sencha.io/touch/sencha-touch-2.3.1/built-examples/… --- 这个例子在我的 Lumia 上“有效”,但是界面太丑了!有必要模仿原生控件吗?无论如何,它们的外观和感觉甚至都不接近本地人。我希望在所有平台上都拥有完全相同的公平界面,而不是试图制作虚假的原生应用程序。
【解决方案3】:

我想再补充一点关于PhoneGap + SenchaTouch的说明

  1. Sencha touch 是 html5 框架,可以在 webbrowser 中运行,也可以打包到本地。
  2. 如果您不需要相机、坐标和其他一些高级工具,您可以将其与原生 sencha 编译器打包(但对于 WP8,您仍然需要 PhoneGap)。
  3. 在 build.phonegap.com 中,您可以免费创建 1 个构建版本,以将您的源代码编译为 wp8、android、iphone、bada 等。
  4. 煎茶触摸有据可查http://docs-origin.sencha.com/touch/2.3.0/
  5. 相同的来源将能够在手机上作为本机应用程序或 web 上的 javascript 解决方案工作(如果你做得对:))。
  6. 可能最后一次煎茶触摸很轻,在我的例子中,它拍照的应用程序还具有在编译模式下搜索产品的地理定位功能,它有近 600kb。

【讨论】:

  • 确实它的文档很重要。
猜你喜欢
  • 1970-01-01
  • 2014-06-14
  • 1970-01-01
  • 2011-12-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-10-13
  • 2013-07-25
相关资源
最近更新 更多