<分区>
我看到一些网页在 iPod Touch(和 iPhone)上显示不同 - 它们看起来很像 native iPhone 应用程序。
认为这可以通过样式来完成，并且可以选择根据来自请求的用户代理在服务器端呈现不同的 HTML。
那么，如何获得这种效果呢？而且，还有 iPhone OS 浏览器的任何模拟器，所以我可以在真正启动它之前测试我的应用程序，看看它是否显示？
<分区>
我看到一些网页在 iPod Touch(和 iPhone)上显示不同 - 它们看起来很像 native iPhone 应用程序。
认为这可以通过样式来完成，并且可以选择根据来自请求的用户代理在服务器端呈现不同的 HTML。
那么，如何获得这种效果呢？而且，还有 iPhone OS 浏览器的任何模拟器，所以我可以在真正启动它之前测试我的应用程序，看看它是否显示？
最佳答案
我目前正在与 iUI 开发团队合作，为该元素开发当前的 CSS 样式，我不得不说，我对这个小浏览器的强大功能印象深刻。大多数 webkit 功能都可供最终用户使用，包括 -webkit-gradients，这样您就可以使用零图像获得大部分 UI 元素。 虽然您可以根据 User-Agent 字符串以不同方式呈现页面，但我建议您从现在开始远离它，因为您可以使用样式表参数来定位 iPhone。
<link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
这允许您使用相同的 HTML 标记，并更改它在您的 iPhone 上的显示方式。
对于 iPhone OS Emulators, Apple has you covered ，在 Windows 端是 Safari，不要忘记在开发选项中将用户代理更改为 iPhone。然而，我使用 Chrome，因为它也使用 webkit 引擎，所以大多数 CSS 在语法上是相同的。
但是，如果您从事此类开发工作，大多数人都会拥有 iTouch 或 iPhone。最好的办法是在 2G 手机上进行测试，因为它具有最高级别的限制(也是所有 CPU 中最慢的)。这给了你一个更糟糕的场景，如果你觉得可以接受，对于拥有 3G 和 3GS 的人来说只会变得更好。
有关该主题的一些重要资源包括:
Apple's Developer Safari Page - 包括指向 iPhone 模拟器的链接(仅限 MAC)。
ADC SRL: Getting Started with Web Apps
ADC SRL: Getting Started with iPhone Web Apps
存档:iPhone Human Interface Guidelines for Web Applications - Metrics, Layout Guidelines, and Tips
关于iphone - iPhone 上的 Web 应用程序 - 将其样式设置为看起来像 native iPhone 应用程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1662900/