【问题标题】:Need to convert my HTML5 based web application into a mobile app which will target all mobile devices需要将我的基于 HTML5 的 Web 应用程序转换为面向所有移动设备的移动应用程序
【发布时间】:2012-07-23 07:51:10
【问题描述】:

是否可以将我现有的 HTML/jquery.js 网站转换为针对所有设备(iPhone、Android、Blackberry 等)的移动应用程序。以下是我能想到的几点。如果我错了,请纠正我。 添加 jquerymobile.js 并更改 css 样式(基于访问您网站的设备)。

在将现有的基于桌面的网站转换为移动网站时,我应该考虑哪些要点。还是我应该从头开始创建移动网站(MVC4 移动网站)?如果是这种情况,那么我必须维护 2 个我不想做的代码库(1 个用于桌面,1 个用于移动)。

【问题讨论】:

  • 对我来说,我尝试了 gonative.io 并且它有效。

标签: html


【解决方案1】:

如果您以与设备无关的方式设计 Web 应用程序,则可以避免使用两个代码库。这意味着它可以显示在许多不同的屏幕尺寸上(从小型手机到等离子电视机),并使用许多不同的输入方法(鼠标、键盘、触摸屏、游戏手柄等)进行导航。实现这一目标的各种技术如今被称为“移动优先”或“响应式设计”。一个好的开始,请参阅:

请记住,如果您的应用程序非常复杂,最终您可能会得到两个(或更多)代码库,但大多数网站和 Web 应用程序都可以使用这些原则构建。

另外请记住,Web Content Accessibility Guidelines 可以更轻松地设计可在多种设备上运行并具有多种输入法的网站。

您没有特别要求这样做,但您还可以使用PhoneGap 将移动网站或 Web 应用程序转换为适用于 iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada 和 Symbian 的实际本地移动应用程序,这样您可以从这些特定平台的各种应用商店安装您的应用。

2016 年更新

我在 2012 年写了这个答案,从那时起已经开发了一些相关工具:

【讨论】:

  • React Native 不是混合的 :)
  • @IanSegers 你是对的。谢谢。我更新了答案。
  • 英特尔 XDK 已停产。
【解决方案2】:

这个问题是 3 年前提出的,答案很好,我只是想根据我的经验补充一些信息:

最好不要创建单独的移动设计,而是使用 Bootstrap 使用响应式网页设计修改现有网页。

那么你有两个选择:

  1. 使用Apache Cordova创建Hybrid Web App,和上面提到的PhoneGap差不多。 我使用的是 Visual Studio,所以我使用了VS project template
  2. 使用Manifoldjs 托管的Web 应用程序。 我认为这个选项很简单,您只需将现有网站打包,创建 Web 应用程序。

如果你使用 Visual Studio,你可以创建hosted Web App even without Manifilod

【讨论】:

    【解决方案3】:

    您可以尝试PhoneGap,这是一种将您的应用部署到各种设备的快速方法。

    【讨论】:

    • PhoneGap Build 服务自 2020 年 10 月 1 日起停止。
    【解决方案4】:

    免费试用phonegap build service。你上传你的 html 东西,它会自动为不同的设备生成应用程序!

    【讨论】:

    • PhoneGap Build 服务自 2020 年 10 月 1 日起停止。
    【解决方案5】:

    您还可以尝试 Appery.io 来轻松构建 Web 应用程序。这是一篇向您展示如何从您的网站制作 iOS 应用程序的文章。如果您的网站是响应式的,它将自动定位所有移动屏幕尺寸。 http://www.techlivewire.com/4844/generate-an-iphone-app-for-your-website.html

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-02-16
      • 2013-09-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-08-04
      • 1970-01-01
      相关资源
      最近更新 更多