确保现有网页在移动平台上正常显示的最快,最简便的方法是什么?
有问题的页面包含很多javascript和CSS。一般而言,移动平台对这些服务的支持程度如何?
是否有浏览器模拟器(或者等效工具)来辅助测试?
解决方案
Opera可以选择通过移动设备查看页面。我发现它过去很有用。
我可以告诉你,iPhone上的Apple Mobile Safari完美呈现了Stack Overflow,这让我感到非常惊奇。
这是一个面向程序员而非普通用户的网站,因此我们接受了许多JavaScript依赖项。
我希望更多的移动设备具有与Mobile Safari一样强大的浏览器。我也听说过有关Opera Mini的好消息。
我们可以在Java WTK等模拟器上安装Opera Mini,并在PC上测试移动渲染。一个缺点是Opera Mini仍然可以通过代理工作,因此调试本地文件/站点将不起作用,我们必须将站点上载到世界可访问的服务器。
只是谷歌它。
一个例子:
加载我的主页时,BlackBerry 8130(Pearl)上的标准BlackBerry浏览器似乎忽略了CSS和JavaScript。
我还在此设备上安装了Opera Mobile,该设备呈现CSS,但不呈现jQuery悬停效果。它确实了解一些jQuery,例如,我有一个表单验证,如果验证失败,则会执行错误消息的show()。尽管没有动画效果,但这在Opera中仍然有效。
对于移动浏览器,最安全的方法是设计无需JS或者CSS即可优雅降级的页面。是否值得付出努力取决于我们。
希望在几年后,唯一的渲染差异将是手机的屏幕尺寸限制。
这完全取决于手机。如果我们想支持那里的每台设备,甚至不用理会CSS或者JavaScript,因为它们在99%的设备上都不起作用(或者将做完全不标准的事情)。如果我们仅针对高端设备(例如iPhone或者最新的Series 60 Nokias),则应该能够使用有限的JS和CSS。
我知道的一些浏览器模拟器:
- Openwave。
- 诺基亚工具
还有更多的制造商根本没有任何工具(我敢于尝试为LG找到一个开发者网站),因此,如果我们想确保该站点按原样显示,则需要访问物理手机。 。
如果我们有足够的现金,DeviceAnywhere是一个极好的工具。大约一年半以前,我最后一次使用它时非常费力。加上它是纯Java,因此在任何机器上都是狗。但这可以说是可用的最佳最佳移动开发工具,相信我,我已经尝试了很多。
带有OS 4.5或者更早版本的BlackBerry设备将无法很好地处理Javascript或者CSS。 OS 4.6及更高版本的设备(粗体,Pearl Flip,Storm等)带有新的渲染引擎,该引擎对Javascript,DOM和CSS的支持更好。它不是完美的,但是它应该可以很好地渲染大多数页面。我们可以从开发者网站上为这些设备下载BlackBerry Simulator,然后尝试一下。由于它运行的代码与实际设备上的代码相同,因此可以很好地表示我们希望在设备上看到的内容。