javascript - 如何在 "easily"为移动平台生成完美的 Javascript 代码？

Question

我目前正在尝试找到“轻松”开发在以下平台上运行良好的网站的最佳途径:MAC/PC(IE6+、FF3+、Chrome、Safari、Opera)、iOs/Android(所有现有的移动浏览器) )

最重要的是，我想避免将移动版本与其他版本分开。我想创建一个美观的网站，该网站在所有平台上都使用相同的 HTML5、CSS3 和 Javascript。

关于 HTML5/CSS3 部分，我对结果非常满意。困难的部分来自 Javascript。

乍一看，jQueryMobile 似乎是此类工作的最佳选择。

但我注意到几个缺点:- 仅添加库会使非移动平台上的字体看起来有点“ block 状”- 我不太喜欢使用他们的 GUI- 该库缺少有用的功能(即:检测离开/进入视口(viewport)的元素)

正如我所说，我更喜欢自己使用强大的 HTML5/CSS3 代码来处理 GUI。对于视口(viewport)操作，我找到了 http://www.appelsiini.net/projects/viewport但它在我的 Android 手机上不起作用，而且我无法在所有平台上测试我自己的 javascript 代码。

那么，你们知道可以帮助我输出可以在每个移动平台上完美运行的定制 javascript 的工具吗？

在此先感谢您的帮助:)

Answer 1

HTML5、CSS3 和 IE6 是相互排斥的。

尝试编写干净的代码并确保它 validates否则 IE 将以怪癖模式呈现它。避免大量纯 javascript。使用像 jQuery 这样的库在合适的地方。然后，尝试让它在 IE6 上运行。您可能会发现有用的项目，例如 css3pie.com但它只是一个包装器。

另一种解决方案是使用 GWT .