Apple 的 iPhone 平台为开发人员提供了一个有趣的机会。借助其小型的交互式触摸屏，iPhone 和 iPod Touch 在很短的时间内迅速吸引了数百万用户。但是这种新颖的设计和专利平台给应用程序开发人员带来了一系列新的挑战。幸运的是，使用一系列新的开源工具可以更轻松地完成这项工作。Aptana 的针对 Eclipse 的 iPhone Development 插件可以生成特定于 iPhone 的项目，并在可旋转取景器中预览应用程序。

官方网站：http://www.aptana.org/

在开始设计iPhone浏览界面 之前，一定要先了解 iPhone 开发与普通 Web 开发的不同之处。来自 Apple 的 iPhone Dev Center（请参阅 参考资料）(上图)，很好地总结了两者的不同之处：手指不是鼠标。这样做得不到桌面应用程序中的像素精度，但是通过轻敲、轻弹和轻压将开启一个丰富的新用户交互模型。此外，iPhone 与用户一起移动并且通常用于有干扰的环境中，因此应用程序需要能够快速容易地访问目标信息。

这里可以参考我以前写过的一篇文章：http://www.ieliwb.com/myiphones-iphone-site/

安装 Aptana Studio, 及iphone开发插件：

首先安装Aptana Studio V2.0.2，完成后在 Aptana Studio V2.0.2中，选择 Help > Software Updates > Find and Install。
选择 Search for new features to install。此窗口列出了可以从中下载插件的站点以及 Eclipse 预定义的插件。
单击 New Remote Site 将 iphone插件 添加到此列表中，并使用 URL http://update1.aptana.org/iphone/3.2/ 对其进行定义。
从列表中选择新定义的 Aptana 站点，单击 Next，然后安装所有可用功能。完成此窗口安装基本的 Aptana Editor。
重新启动 Aptana Studio。新建一个项目就可以看到有iPhone web development的选项了。

详细步骤就不写了（英文原文：http://update1.aptana.org/iphone/3.2/index.html），一路点下去就可以，注意打勾和不打勾的。

调试界面：

注意由 Aptana 的基本编辑器提供的突出显示的语法，它支持 HTML、CSS 和 JavaScript。
在文本编辑器的底部，您将看到 Source、iPhone 、IE等 选项卡，可以自己添加浏览器模式，建议安装Safari浏览器并设为默认浏览器，这样你调试的页面基本和iPhone上浏览的一摸一样，我这是用默认的IE调试有点错位，单击 iPhone Preview 查看示例应用程序在 iPhone 中的外观。在浏览器外部单击可以旋转电话，单击电话标题栏可以隐藏导航栏。

使用 iPhone Preview 模式可以节省大量时间：可以快速测试新设计想法并重复进行开发而无需离开计算机。

习惯于Eclipse开发的可以使用Aptana 的Eclipse插件来开发也可以，可以参考：IBM

最后推荐一个开源UI框架iUi：

User Interface (UI) Framework for Safari development on iPhone
地址：http://code.google.com/p/iui/