创建网站的移动版本

时间:2010-01-04 11:14:04

标签: iphone android mobile-phones mobile-safari

我正在寻找创建我们网站/网络应用的移动版本。什么是提供最好,功能最全的版本的好方法。

创建它的部分原因是代替iPhone应用程序,所以我想提供一个iPhone网络应用程序,它充分利用iPhone的WebKit版本(所以CSS动画,能够依赖于良好的JavaScript支持等)。不过,我也希望该网站能够在其他智能手机以及更基本的手机上运行良好。

我是否创建了两个站点(Mobile WebKit和基本移动Web)并基于用户代理重定向?我可以创建一个降级良好的网站吗?有什么可能性,其他人如何处理它?

另外:移动网络模拟器值得一试吗?我有一部iPhone,所以可以轻松测试。如果我想在Blackberry / Palm Pre上进行测试,我真的需要一台设备还是有可靠的模拟器?

1 个答案:

答案 0 :(得分:8)

这些是一些iPhone特定的库,它们在webkit上提供本机外观:

在大多数手机上使用它肯定会出现问题,因为它们是以iPhone的屏幕尺寸(320x480)为基础构建的。

要更广泛地覆盖Android和J2ME手机等设备,请结帐Yahoo Blueprint。它是一种可以翻译各种平台和设备的标记语言。

您可以通过在吐出页面时动态切换服务器上的样式表来获取基于用户代理的移动视图。对于重型页面,这不是推荐的方法,因为您仍将发送大量无法呈现的数据。或者,如果您可以清楚地分离视图,则可以根据用户代理和/或其他参数对视图进行模板化。这样做的好处是只需更改视图即可将控制器逻辑保持在一个位置。您可以将上述库用于iPhone / iPod Touch,并切换到更简单的移动版本用于其他智能手机或根据需要进行调整。

当出现变化时,创建一个单独的移动版网站可能非常困难。

iPhone和Android模拟器尽可能接近实际交易。由于显而易见的原因,iPhone不会让你做模拟器上的调用等操作,但Android提供了基本上所有设备上的模拟实现。

相关问题