什么技术为 iPhone/iPad 开发了“金融时报网络应用程序”[关闭]答案

【问题标题】：What tech developed the "Financial Times Web App" for iPhone/iPad [closed]什么技术为 iPhone/iPad 开发了“金融时报网络应用程序”[关闭]
【发布时间】：2011-09-11 06:57:27
【问题描述】：

如果你不确定我指的是什么，你可以在这里查看：

Can the FT Help Publishers Quit Their Apple Addiction?

所以我的问题是（如果有人知道的话），他们用什么技术来开发这个？他们是否使用了 jQuery UI、jQuery Mobile、iOS 特定的东西？

我很想知道，我很想为我的网站添加一个“应用程序”，但我没有时间学习目标 C 或 Java。所以开发同样的东西并针对不同的设备进行调整似乎是要走的路。

如果您有任何关于该应用的资源，或者如果您回答了这个问题，请指出描述该技术的资源，以便为像我这样的其他用户提供更多信息。

干杯

【问题讨论】：

谁投了反对票，留下评论为什么？我认为保罗的问题没有任何问题。就是说 Paul，您可能应该编辑问题的标题 - “FT 网络应用程序使用什么技术”是一个更好的标题。
感谢您的反对，但为什么呢？编辑：确定标题已更改。
您可能会提到 FT 代表金融时报。
我认为，这是一个真正的问题。
我认为这也是一个真正的问题，尽管措辞不佳。如果这不是一个真正的问题，那么也许提供一个真正问题的链接或其他东西？无论如何，这里是伦敦 Ajax 用户组的演讲视频的链接，其中创建应用程序的开发商店 Assanka 的技术负责人展示了他们是如何做到的：vimeo.com/26604635

标签： jquery ios html jquery-mobile mobile-website

【解决方案1】：

Brandon Zacharie 的基本要点是正确的：其中大部分是手卷的。没有一个框架或库可以准确捕获所需的内容或没有某种缺点。也就是说，使用了两个库：

jQuery。 jQuery 最初的使用率要高一些，但现在它几乎只用于 AJAX 的东西。
TouchScroll，一个用于平滑滚动元素的滚动库，在包括文章视图在内的一些地方使用。

其余大部分使用“HTML5”或特定于 webkit 的调整； http://diveintohtml5.ep.io/ 涵盖了很多此类内容。然而，一旦你开始使用这些东西，你就会意识到即使在基于 webkit 的浏览器中的实现也有很大的不同，而且有很多怪癖。如果您尝试使用硬件加速进行过渡或加速合成，则更是如此。

关于唯一特定于 iOS 的东西是保存到主屏幕的支持；但是，如果您走 HTML5 路线，您可能会发现，即使理论上跨许多平台都支持许多功能，但为了获得最佳性能和功能，您必须开始进行用户代理嗅探和不同的代码路径和方法……

我认为随着方法的微调和最佳技术的发现肯定会有改进，然后我们将真正看到库的兴起。

【讨论】：

感谢您的回答，非常感谢！

【解决方案2】：

简而言之，他们使用 HTML5、CSS3 和 jQuery 1.5 手工制作了您所看到的内容。他们还大量使用 WebKit 特定的东西。

编辑：注意：我必须使用 Safari 并将我的 UserAgent 设置为“iPad”来查看源代码，因为它们会根据提供的 UserAgent 重定向流量。

【讨论】：

他们只使用了jQuery的Ajax组件。

【解决方案3】：

在您的 Safari（在 Mac 上）中，转到设置 -> 高级 -> 选中“在菜单栏中显示开发”。

现在您将在“开发”菜单中找到“用户代理”。在那里您可以更改将发送到服务器的 UserAgent 标识。因此，如果服务器向不同的用户代理提供不同的版本，您将能够访问它。

激活开发菜单后，您会在上下文菜单中找到“检查元素”（右键单击或控制单击）。使用它，以一种很好的方式查看代码并检查发出了哪些请求以及加载了哪些附加资源。

【讨论】：