Safari准则适用于iOS Webkit Hybrid应用程序吗？

Question

我基本上是一个原生的iOS应用程序开发人员，最近跳进了HTML应用程序域。

我即将开发多平台Web应用程序，它应该可以运行，桌面，iOS手机，Android手机，Windows手机。所以我正在寻找通用的HTML Web支持文档。

为此，我发现了一些针对Safari Web开发的Apple指南。以下是一些参考链接

• https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html
• https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Introduction.html#//apple_ref/doc/uid/TP40002049
• https://developer.apple.com/library/archive/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007256

所以我的问题是，所有这些指南都支持所有Apple提供的浏览器或任何特定的？

• 只有Mac OS safari浏览器
• iOS Safari浏览器
• iOS Web-Kit开发浏览器（UIWebView）

我试图检查文件，但没有具体提到相同的。

Answer 1

由于显而易见的原因，apple提供的指南将针对Safari（Webkit），但应该适用于大多数浏览器。在构建您的Web应用程序时，您应该将其视为与网站相同，确保采用progressive enhancement。在设计Web应用程序样式时，请记住CSS3引入的许多功能仍然需要供应商前缀，这些前缀针对特定的浏览器。 CSS3 Please是一个方便的资源，可以确保您永远不会遗漏任何东西。

以下是来自Filament（jQuery开发者）的一些方便的工具，它们可以帮助您一路走来，虽然不是严格需要的：

https://github.com/filamentgroup/Southstreet

更具体到您的问题，Apple文档提到了开发Safari的方面，例如视口元标记。这不是Safari或Webkit特有的，对于让您的Web应用程序在所有设备上看起来和工作都是必不可少的。

---

其他资源

浏览器支持： http://caniuse.com/ http://html5please.com/

HTML5 Boilerplate： http://html5boilerplate.com/

HTML5 Boilerplate应该足以让你最初进入，并包含Modernizr插件，它允许你根据每个浏览器支持的内容创建polyfills。

我是一名前端开发人员，已经构建了网络应用程序和混合应用程序，我一直只是尝试将相同的标准应用于网络应用程序，就像我对每个网站一样：）一如既往，可能需要进行微小修复使其在所有设备上看起来和工作完全一样 - 测试，测试，测试。

构架

Ember：用于构建Web应用程序的JS框架，包括支持使用Handlebars进行快速模板化。 Cappuccino：采用Obj-J语言并允许在X-Code中使用Interface Builder，因此可能更适合像您这样的本地iOS开发人员。 Sproutcore：与Ember类似，只是更强大一点。

HTML5数据处理

Data Binding：您可能希望了解如何使用IndexedDB进行数据绑定。这有点像拥有客户端数据库，但与MySQL或典型的核心数据相比，它的功能非常有限。 Offline Storage：对您可用于离线客户端存储的不同选项进行了很好的比较。

模板和用户界面

Bootstrap：作为一名程序员，您可能需要一些帮助才能获得UI元素。 Twitter的Bootstrap是最受欢迎的选择，基本上是Twitter自己的UI元素捆绑在一起并开源。

Foundation：Bootstrap的替代品。

FlatUI：一个不那么完整的选择。

Handlebars：之前提到过，这允许你构建客户端模板，类似于PHP中使用的Smarty模板。

---

我相信我已经错过了这里的负载，但希望这足以让你在合适的地方寻找正确的东西。