我看到一些网页在iPod Touch（和iPhone）上显示不同 - 它们看起来就像是原生的iPhone应用程序。
认为这可以通过样式来完成，并且可选地，根据请求中的用户代理，在服务器端呈现不同的HTML。
那么，我该如何获得这种效果呢？而且，是否有任何iPhone OS浏览器的模拟器，所以我可以在真正启动它之前测试我的应用程序，看看它是否显示？
答案 0 :(得分：13)
iui是一个很好的解决方案，但我也建议基于jquery的http://www.jqtouch.com/。它正在蓬勃发展。此外，您还可以使用Google小组http://groups.google.com/group/iphonewebdev
答案 1 :(得分：4)
我目前正在与iUI开发团队合作开发该项目的当前CSS样式，我不得不说我对这个小broswer的力量印象深刻。大多数webkit函数都可供最终用户使用，包括-webkit-gradient，这样您就可以使用零图像来获取大部分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，并且不要忘记在开发选项中将useragent更改为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
答案 2 :(得分：3)
答案 3 :(得分：1)
请点击此处了解Joe Hewitt针对原生iPhone网络应用的CSS和JavaScript信息：http://ajaxian.com/archives/iphone-native-looking-skin
要在iPhone上模拟网页的外观，您可以尝试：http://www.testiphone.com/。 （但是，当然，如果您对此非常认真，请使用真正的iPhone或iPod Touch。）
答案 4 :(得分：1)
您可以使用jqtouch框架使您的网页看起来和行为有点像本机iphone应用程序。作者在他的主页上有一个演示的链接，你可以用你的iphone查看。
关于测试：如果你已经注册成为苹果开发者，Apple有一个你可以下载的iphone sdk。但是目前，我只是将我的iphone指向我的开发服务器进行测试。
答案 5 :(得分：0)
Apple开发人员网站上记录了您需要的所有CSS / Javascript功能。
从这里开始：http://developer.apple.com/safari/
Apple有一系列PDF描述了您需要为iPhone和iPod定制的内容。
虽然您可以下载适用于Windows和Mac的Safari，但它的分辨率设置与iPhone或iPod不同。
答案 6 :(得分：0)
您必须使用iTunes凭据进行身份验证才能下载。
答案 7 :(得分：0)
如果您拥有Mac，那么您应该尝试尝试Dashcode（这是iPhone SDK的一部分）。