iPhone网站动画

时间:2013-07-24 07:23:45

标签: iphone ios html5 mobile responsive-design

我从来没有对iPhone做过任何网站响应。

我很好奇我将如何制作一个交叉兼容的网站(iPhone,Chrome等),我有图形动画(类似于flash)。当你不能使用闪光灯时,你应该使用哪些工具制作图形动画?

1 个答案:

答案 0 :(得分:2)

如果您想要一个完整的交叉兼容网站,那么可以使用HTML,HTML5,javascript,CSS构建一个webapp。所有设备都没有其他功能。忘记Flash。

您需要做的是让所有设备都使用服务器API,但您呈现数据的方式是根据该设备的外形自定义的。这种特殊的UI设计技术称为 - Responsive Design

基本上后端API仍然存在,从后端提供的数据也可能相同,但后端提供的HTML模板可能会根据发出请求的设备而改变,这可以从客户端的用户代理中找出,例如。对于iPhone,它是Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3。对于不同的客户端,您将拥有不同的用户代理。另外,你可以使用一个小的javascript,将特定设备的屏幕尺寸发送回服务器。同样,这有助于您选择要提供的正确模板。注册。 HTML模板,您可以拥有不同的模板集。比如webiosandroid等。有时也很难有太多的模板集(例如,我们不能为每个可用的Android模型设置模板集)。因此,我们需要一些动态行为,即客户端上的特定javascript UI功能,以兑现设备屏幕尺寸等。

这是一个太大而且太笼统的主题,无法在此完全解释。我提供了wiki链接以及所涉及的技术和术语。希望这有助于你的事业...