如何将正常工作的网站转换为ipad / iphone兼容?

时间:2011-09-05 10:13:23

标签: jquery iphone ipad

如何将正常工作的网站转换为ipad / iphone兼容? 任何可用于将普通网站转换为ipad / iphone兼容的免费工具?

3 个答案:

答案 0 :(得分:3)

有数以千计的教程。

我建议开始使用像

这样的东西
  

http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/

然后,如果你不开心,你可以用流畅的布局重新设计你的一面

  

http://cssgrid.net/

或者,您可以从头开始使用移动框架,这些日子最常用的是:

JQTouch(现在由Jonathan Stark维护),jQuery Mobile(来自jQuery团队)和Sencha Touch(来自也雇用jQTouch创建者的ExtJs开发人员)

答案 1 :(得分:1)

这实际上取决于“ipad / iphone兼容”的含义。

如果您只是希望网站能够正常运行,那么如果该网站适用于WebKit浏览器(如果它适用于其他流行的浏览器,如Firefox和Chrome,除了一些怪癖之外通常应该这样做),情况很可能就是如此。< / p>

如果您只想定义默认视口缩放以使页面更具可读性且更易于导航,请考虑添加<meta>以及viewport选项的配置。

然而,要真正利用移动设备/平板电脑设备并最大化用户体验,没有真正的方法可以“神奇地”将常规的基于桌面的网站转换为移动/平板电脑优化网站。为此,您需要一个新的移动优化网站。

在构建移动网站时,您需要一种完全不同的方法和思维方式 - 界面和功能应该更加简约,专注于网站的真正重要方面。布局应突出显示网站的重要区域,并且应丢弃大部分“背景噪音”。导航需要优化以供触摸屏使用,通常,整个基于触摸的用户交互允许您以与传统网站完全不同的方式执行操作。

您可以在网上找到很多好的资源。 SmashingMagazine对移动设计有很好的introductory post,这绝不是全面的,但它是一个很好的起点。

如果您决定撰写专用的移动版本,我强烈建议您尝试jQuery Mobile,我非常喜欢与之合作。

答案 2 :(得分:0)

有数百个网站可将您的网站转换为移动版兼容。 以下是我对Apple说的好话:http://www.appypie.com/

但是你可以尝试付费软件。