0

我基本上是一名原生 iOS 应用程序开发人员，最近涉足 HTML 应用程序领域。

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

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

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

  • 仅限 Mac OS Safari 浏览器
  • iOS Safari 浏览器
  • iOS Web-Kit 开发浏览器（UIWebView）

我试图检查文档，但没有具体提及。

4

1 回答 1

1

出于显而易见的原因，Apple 提供的指南将针对 Safari (Webkit)，但应该适用于大多数浏览器。在构建您的 Web 应用程序时，您应该将其视为网站，确保采用渐进增强。在为您的 Web 应用程序设计样式时，请记住 CSS3 引入的许多功能仍然需要针对特定​​浏览器的供应商前缀。CSS3 Please是一个方便的资源，可确保您永远不会遗漏任何内容。

以下是来自 Filament (jQuery devs) 的一些方便的小工具，它们可能会帮助你，虽然不是绝对需要的：

https://github.com/filamentgroup/Southstreet

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


其他资源

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

HTML5 样板：http:
//html5boilerplate.com/

HTML5 Boilerplate 应该足以让您开始使用，并且包括Modernizr插件，它允许您根据每个浏览器支持的内容创建polyfill 。

我是一名前端开发人员，并且已经构建了 Web 应用程序和混合应用程序，而且我一直试图将相同的标准应用于 Web 应用程序，就像我对每个网站所做的那样：) 与以往一样，可能需要进行微小的修复让它在所有设备上看起来和工作完全符合预期 - 测试、测试、测试。


构架

Ember：用于构建 Web 应用程序的 JS 框架，包括支持使用Handlebars进行快速模板。

Cappuccino：采用 Obj-J 语言并允许在 X-Code 中使用 Interface Builder，因此可能更适合像你这样的原生 iOS 开发人员。

Sproutcore：类似于 Ember，只是更强大一点。


HTML5 数据处理

数据绑定：您可能想看看使用 IndexedDB 的数据绑定。这有点像拥有一个客户端数据库，但与 MySQL 或典型情况下的 Core Data 相比，它的功能非常有限。

离线存储：对离线客户端存储可用的不同选项进行了很好的比较。


模板和用户界面

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

基础：Bootstrap 的替代品。

FlatUI：一个不太完整的替代方案。

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

我确定我在这里错过了很多东西，但希望这足以让你在正确的地方寻找正确的东西。

于 2013-06-04T13:24:57.903 回答