我是一名原生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/
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模板。
我相信我在这里错过了很多东西,但希望这足以让你在正确的地方找到正确的东西。