如何制作iPhone网络应用程序模仿非网络应用程序?

时间:2009-01-09 16:52:28

标签: html css iphone safari

我一直在考虑制作一款快速的小型iPhone网络应用程序。

我开始阅读并试验Apple's Web Apps Dev Center中记录的特殊元标记和属性:

  • 苹果移动web应用程序功能的
  • 苹果移动web应用程序状态栏式
  • -webkit-边界半径
  • -webkit边界图像
  • 自动更正
  • autocapitalize
  • 苹果触摸图标
  • -webkit-文字大小调整

这让我觉得必须有一个很好的指南,我可以遵循以最好地模仿设备的非Web应用程序的默认样式和行为。

然后我偶然发现了Joe HewittiUI project

有两个令人印象深刻的演示:

我应该使用其他库,指南或其他资源吗?

7 个答案:

答案 0 :(得分:3)

在为iphone网络应用测试了几个UI框架后,我认为JQTouch是最好的

答案 1 :(得分:2)

查看iUI库 - http://code.google.com/p/iui/

根据Joe Hewitt的iPhone导航工作,iUI具有以下功能:

  • 从标准HTML
  • 创建导航菜单和iPhone界面
  • 创建基本iPhone页面不需要使用或了解JavaScript
  • 处理电话方向更改的能力
  • 为网络应用提供更多“类似iPhone”的体验(在iPhone上或网上)

答案 2 :(得分:1)

除了大多数图书馆可以使用的花哨效果,例如scriptaculous等... iPhone网络应用程序中的一个奇特的事情就是“#”后退按钮兼容性,即使使用ajax调用,你也可以google for“真正简单的历史“在这种情况下找到合适的库。

如果你使用的是jQuery,你可能想看看这个:http://plugins.jquery.com/project/iphone

答案 3 :(得分:1)

答案 4 :(得分:1)

2010年2月12日,theappleblog.com的Andrew Flocchini撰写了一份指南,为iPod Touch,iPhone和iPad制作优化的网站表单。 iPad使用 iWebKit 框架包。

name and password field change http://gigapple.files.wordpress.com/2010/02/namechage.png?w=570&h=202

How-To: Create an iPhone Web App

答案 5 :(得分:1)

我认为iPhone Web App的最佳框架是jQTouch http://www.jqtouch.com/它是jQuery的插件。您可以查看由jQTouch构建的Showtime应用程序。

答案 6 :(得分:0)

看看Swipy.js。我不喜欢这些框架的工作方式所以我做了这个包括其他伟大的项目:

随着Modernizr逐步增强,使用jquery.transit添加平滑过渡,使用Hammer.js添加边缘滑动后退/前进导航,为点击添加FastClick,使用Waypoints解决内部链接以及使用FontAwesome图标的漂亮导航栏。

享受:)