我目前正在尝试寻找最佳途径,以“轻松”开发在以下平台上运行良好的网站:MAC / PC(IE6,FF3,Chrome,Safari,Opera),iOs / Android(所有现有的移动浏览器)
最重要的是,我想避免将移动版本与其他版本分开.
我想建立一个在所有平台上都使用相同的HTML5,CSS3和Javascript的美观网站.
关于HTML5 / CSS3部分,我对结果感到非常满意.
困难的部分来自Javascript.
乍一看,jQueryMobile似乎是这项工作的最佳选择.
但是我注意到了几个缺点:
-仅添加库会使字体在非移动平台上看起来像“块状”
-我不太喜欢使用他们的GUI
-库缺少有用的功能(即:检测离开/进入视口的元素)
正如我所说,我更喜欢自己使用健壮的HTML5 / CSS3代码来维护GUI.
对于视口操作,我发现http://www.appelsiini.net/projects/viewport,但是它在我的Android手机上不起作用,而且无论如何我都无法在所有平台上测试自己的javascript代码.
那么,你们知道吗,可以帮助我在所有移动平台上完美运行的定制javascript工具的工具?
在此先感谢您的帮助 :)
解决方法:
HTML5,CSS3和IE6是互斥的.
尝试编写干净的代码,并确保它为validates,否则IE将以怪癖模式呈现它.
避免使用大量纯JavaScript.在适当的地方使用类似jQuery的库.
然后,尝试使其在IE6上运行.您可能会找到有用的项目,例如css3pie.com,但这全都是包装.
另一种解决方案是使用GWT.