Safari指南是否适用于iOS Webkit Hybrid应用程序?



我是一名原生iOS应用开发者,最近刚进入HTML应用领域。

我即将开发多平台的web应用程序,它应该运行在,桌面,iOS手机,Android手机,Windows手机。所以我在搜索通用的HTML Web支持文档。

为此,我找到了一些苹果的Safari Web开发指南。以下是一些参考链接
  • 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

所以我的问题是,所有这些指导方针都支持所有苹果提供的浏览器或任何特定的?

  • 仅限Mac OS safari浏览器
  • iOS Safari浏览器
  • iOS Web-Kit开发浏览器(UIWebView)

我已经试着查看了文档,但是没有具体提到相同的内容

苹果提供的指导方针显然是针对Safari (Webkit)的,但应该适用于大多数浏览器。在构建web应用程序时,你应该像对待网站一样对待它,确保采用渐进式增强。在设计web应用时,请记住CSS3引入的许多功能仍然需要供应商前缀,这针对特定的浏览器。CSS3 Please是一个方便的资源,确保您永远不会遗漏任何内容。

下面是一些来自Filament (jQuery开发者)的方便的小工具,它们可能会帮助你一路走来,尽管不是严格需要的:

https://github.com/filamentgroup/Southstreet

更具体地说,苹果文档提到了为Safari开发的一些方面,比如viewport meta标签。这不是Safari或Webkit所特有的,而且确实是让你的web应用程序看起来&在所有设备上正常工作



其他资源

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

HTML5模板:
http://html5boilerplate.com/

HTML5 Boilerplate应该足以让您开始,并包括Modernizr插件,它允许您根据每个浏览器支持的内容创建多边形。

我是一个前端开发人员,已经构建了web应用程序和混合应用程序,我一直只是试图将相同的标准应用于web应用程序,因为我对每个网站都这样做:)一如既往,可能需要一些小的修复,使它看起来&在所有设备上完全按照预期工作-测试,测试,测试。


的框架

灰烬:一个用于构建web应用的JS框架,包括支持使用Handlebars来快速模板化。

Cappuccino:采用Obj-J语言,并允许在X-Code中使用Interface Builder,因此可能更适合像您这样的原生iOS开发者。

芽核:类似于烬,只是更强大一点。


HTML5数据处理

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

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


模板,UI

Bootstrap:作为一个程序员,你可能需要一些帮助让UI元素脱离地面。Twitter的Bootstrap是最受欢迎的选择,基本上是Twitter自己的UI元素捆绑在一起,并且是开源的。

Foundation:替代Bootstrap.

FlatUI:一个不太完整的选择。

Handlebars:前面提到过,它允许你构建客户端模板,有点类似于PHP中使用的Smarty模板。


我相信我在这里错过了很多东西,但希望这足以让你在正确的地方找到正确的东西。

最新更新