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

时间:2013-06-04 12:57:04

标签: html web-applications safari cross-platform hybrid-mobile-app

我基本上是一名原生iOS应用程序开发人员,最近又进入了HTML应用程序领域。

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

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

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

  • 仅适用于Mac OS Safari浏览器
  • iOS Safari浏览器
  • iOS Web-Kit开发浏览器(UIWebView)

我试图查看文件,但没有具体提及相同的内容。

1 个答案:

答案 0 :(得分: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:对您可用于离线客户端存储的不同选项进行了很好的比较。


模板& UI

Bootstrap:作为一名程序员,您可能需要一些帮助来实现UI元素。 Twitter的Bootstrap是最受欢迎的选择,基本上是Twitter自己的UI元素捆绑在一起并且是开源的。

Foundation:Bootstrap的替代方案。

FlatUI:不太完整的替代方案。

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


我确定我错过了这里的负载,但希望这足以让你找到合适的地方寻找正确的东西。