这个问题以各种形式被问到。然而。这是对事物的一种略微不同的理解。通过web应用程序，我指的是一个超轻量级的前端——理想情况下是一个带有表单和常规按钮的HTML页面，尽可能少地依赖像jQuery这样的重量级JS库。
目标很简单。我想写一个简单的基于表单的应用程序，用于各种移动设备。我认为走HTML路线将是更简单的路线(因为浏览器绕过了整个跨平台问题)，但即使是浏览器的方法似乎也有问题，因为手机屏幕大小不同。
我有两个问题:
-
对于一个简单的基于表单的应用程序，就像我想到的(可能总共3-4个屏幕)，我认为基于浏览器的方法给我的钱更多的bang -我错过了一个技巧吗?
-
是否有任何资源，有人可以指向我:
- 一个有用的参考最小(即最低公分母)窗口大小(我忘记了页面可见部分的技术术语)
- 也许是一个例子，将显示一个简单的HTML页面，将正确地呈现跨多个设备?
HTML5移动模板可能会回答很多关于如何最好地让东西跨浏览器工作的问题:
http://html5boilerplate.com/mobile/他们有一些示例标记和模板实现，比如浏览器/设备特定的CSS hack，在不同的设备样式中获得自定义启动器图标，以及实现离线摘要。
在选择平台之前，您确实需要回答两个问题。首先，哪些移动设备和/或设备功能是你的最小公分母?这些平台之间存在许多不同的功能——屏幕大小、输入法、平台速度和移动平台等等。第二，你们的连接要求是什么?与完全连接的应用程序相比，构建针对不稳定或没有连接的应用程序是完全不同的问题。
然后你可以开始考虑什么工具可以让你到达那里。一般来说，一个非常非常简单的HTML网站在你列出的大多数平台上看起来都不错。我不会使用HTML5功能，因为它有严重的局限性。如果你需要在有限的连接下工作，HTML/web应用程序是没有意义的。
iOS (webkit)、Android (webkit)和BB OS6 (webkit-ish)的开发相当容易。
Windows 7 应该，但是谁知道呢?他们直到年底才承诺支持HTML5。
如果你希望做DOM操作或花哨的JS事件监听器，BB OS5浏览器很糟糕。它真的有bug。诺基亚…这是垃圾电影。当然，他们在放弃他们的操作系统之前还有大约一年的时间。
屏幕大小是一个问题，因为你可以改变方向。但这可以通过一些仔细的计划来解决。
HTML5/CSS/JS绝对是使跨平台应用尽可能简单的前进方向。无论是在浏览器中，还是作为编译后的应用程序。