2.6.3 离线Web应用程序
本文所属图书&>&
为您讲解了如何使用 HTML5和CSS3等最新的技术在苹果公司iOS和谷歌公司Android设备上开发Web和独立 应用程序。本书假定您之前并无这方面的编程知识，因此会介绍这两种技术(HTML5和 CSS3)的基本原理，以及JavaS...&&
离线Web应用程序的特点是：一旦访问一个网站，该网站将会告诉浏览器所使用的 所有文件，因此浏览器可以所有这些文件，即使没有连接至因特网，也可以在本地 运行Web应用程序。实际上这是第11章中所讲述的知识点，用户可以将所有文件直接放 置于一个包装器中从而创建一个包，而不是从网站到设备上。
同时Web 应用程序具有复杂性，原因是它们需要使用正确的MIME类型(前身为多 用途Internet邮件扩展，但是单词&Mail&已经被替换为&Media&)来配置一个Web服务 器，以便为理解Web应用程序的使用该特性，并且获取它需要的文件。出于这个原因，同时也由于InternetExplorer不支持Web应用程序，本书将忽略该特性，并提供一 个简单的替代方法用来创建一个可以作为本地应用程序运行的Web应用程序
您对本文章有什么意见或着疑问吗？请到您的关注和建议是我们前行的参考和动力&&
您的浏览器不支持嵌入式框架，或者当前配置为不显示嵌入式框架。Android与iOS：谁更适合HTML5？
内容　　Fiercedeveloper刊载过一篇探讨iOS与Android平台性能的文章，作者Aditya Bansod在文中将Android 4和iOS 5做了一番比较。2011年12月上旬，Google发布了Android移动操作系统的最新重大升级。新操作系统是Android 4，代号为“冰淇淋三明治（Ice Cream Sandwich）”。对于Web开发人员而言，这是对Android的一次大考：如果要在 iOS 和 Android 上构建跨浏览器的应用，HTML 5是可行的解决方案吗？
我们在Sencha测试了最新版本的iOS 5和Android 4，以了解每个平台提供给Web开发人员的特性以及它们各自的优势。
　 　为了成为一流的Web应用平台，浏览器要向Web开发人员提供一系列核心功能：渲染引擎，用于尽可能流畅地显示视觉元素；Javascript引擎，用 于执行应用程序逻辑；以及DOM（文档对象模型）和浏览器API，用于提供HTML5的特性以及支持发起网络请求、上传文件、操作页面等动作。为了从 Web应用开发人员的角度比较Android 4和iOS 5，我们分别讨论了这三部分内容。
　　WebKit：Android 4进步明显，但仍然落后
　 　几乎所有移动设备的Web浏览器都使用了WebKit渲染引擎。WebKit最先起源于苹果的开源项目KDE/KHTML，现在Google、 Qualcomm、RIM和其他很多厂商都加入了WebKit家族。它现在已经成为移动设备上渲染Web内容的事实标准。Android 4和iOS 5浏览器都基于WebKit，但是版本稍有不同。Android 4实现了WebKit 534.30，而苹果则实现了534.46。
　 　虽然iOS的版本较新，但它们之间的差距很小，这是因为WebKit的渲染性能取决于它在硬件和软件上的具体实现。我们在测试中发现Android 4的渲染速度比Android 2.x和Android 3有明显提高。触摸滚动变得顺畅了很多，Android上常见的停顿也基本上完全消失了。不幸的是，它在渲染上有明显的缺陷，比如在使用 JavaScript和CSS3移动屏幕上的元素时会出现闪烁和滚屏缓慢。对于依赖动态地移动元素的Web应用来说，Android 4的表现比Android 2.2要差。总体上说，Google在增强浏览器体验方面取得了很大的进步。
　 　同时，Android 4新支持了很多CSS3特性，而iOS 5很早之前就支持这些特性。具体说来，Android 4现在完善地支持了CSS3 2D和3D变换、动画、过渡和反射。这对于Android来说是巨大的进步，因为开发人员在设计流畅而漂亮的Web应用时不会再只想到苹果。伴随着对这些 特性的支持，我们希望Google和Android硬件供应商一起努力，对其产品仔细琢磨，实现无闪烁和高性能，以获得开发人员对高级渲染特性的真正支 持。
　　JavaScript：性能旗鼓相当
　 　在iOS 5中，苹果引入了新的JavaScript引擎Nitro，它在移动Safari浏览器中能极大地提高JavaScript的性能。一段时间内，iOS 5的移动浏览器JavaScript引擎是业内最快的。Android再次迎头赶上：Android 4中的JavaScript引擎比起Android 2.x（Gingerbread）有了很明显的提升。在某些硬件上，它比iOS 5更快。为了实现这一目标，Google引入了之前Chrome浏览器的JavaScript V8引擎，最终使得JavaScript的执行速度提升了2倍多。现在iOS 5和Android 4在JavaScript方面基本完全一样，这意味着开发人员应该假设在这两种平台上开发基本没有差别。
　　iOS 5/Safari在API上略胜一筹
　 　浏览器之争的最后一部分则是浏览器API，它包括网络访问、文件系统访问、Canvas和其他富应用程序所需的功能。iOS对API的支持一贯领先。 iOS 5支持某些特性，比如“overflow: scroll”；WebKit私有的属性“-webkit-overflow-scrolling: touch”（允许独立的滚动区域和触摸回弹）；Web Sockets（用于即时通信）；Web Workers（用于后台处理）；大量的其他HTML 5输入类型（比如数字和日期）。Android 4不支持这些常见的HTML 5特性，但是也有一个突出的亮点：对文件API的支持。文件API让开发人员能够操作设备上的本地文件，能够开发更富体验的应用，同时还能访问手机摄像头 旋转等功能。尽管如此，iOS 5还是提供了更丰富的浏览器API，对HTML 5特性有更广泛的支持。
　　现在iOS 5全面领跑
　　移动浏览器的领袖还是iOS 5。
　 　尽管Android在JavaScript的性能上已经和苹果并驾齐驱，但是总体说来，移动平台的Safari支持的API更多，图形性能更好。 Android 4的浏览器取得了很大的进步，获得了更好的视觉效果（但是有缺陷）和渲染速度，更快的JavaScript引擎。Android 4比以前的任何版本都要好。正在寻求Web标准以提供跨平台解决方案的开发人员在使用HTML 5时会比以前更舒服，因为Android 4中的改进标志着Google的迅猛发力，这为他们的应用开启了巨大的潜在市场。
该帖共收到 8 条回复！
发表于 日 19:30
研究称iOS在HTML5表现上远超Android
阅读(282)昨天 08:57
　　北京时间3月6日凌晨消息，面向移动游戏开发者的本地JavaScript和HTML5平台发布研究报告称，无论按哪种标准计算，苹果iPhone手机和iPad平板电脑在HTML5上的表现都要比Android设备好最多三倍。
　　报告还显示，Android设备的表现差异很大，其中Galaxy Nexus远远超出基于较早版本Android系统运行的手机。
　　这份研究报告关注的焦点是苹果iOS和Android这两种最大的移动操作系统，未将来自于RIM、微软(微博)及其他公司的操作系统列入研究范围。
　　最新版本的苹果iOS和谷歌(微博)Android系统都对HTML5渲染作出了重大改进，但游戏开发商及其他开发者仍认为还需改善。Spaceport.io创始人本·萨瓦格(Ben Savage)称：“随着时间的推移，HTML5的速度越来越快，就像我们在Android和iOS等最新版本的操作系统中所能看到的那样。虽然这是一种受人欢迎的趋势，但未来之路仍旧很长。”
　　无论是大型公司还是小型企业，都正将HTML5视为未来的移动平台，其中最著名的可能算是Facebook。Mozilla已经宣布了创立一个HTML5应用商店的计划，Facebook也在上周呼吁整个行业就不同的HTML标准展开合作。
发表于 日 19:41
　几乎所有移动设备的Web浏览器都使用了WebKit渲染引擎。两大顶级浏览器也是，那我看OP就是个杯具了。
发表于 日 19:56
本帖最后由 hyy514 于 日 19:58 编辑
当初iOS已经声名显赫，已经取得很大的市场占有率，Android几乎还无人认识，但二年后Android在世界上的占有率已远远地把iOS甩在身后；当初iOS技术可以以惊艳来形容，Android几乎还是个残缺的系统，但二年后Android的技术已经可以和它并驾齐驱，还有应用市场，iOS的一切从此技术到应用里里外外都在被Android超越，还没超越的技术点只是时间问题，为什么会这样，封闭的iOS被开放的Android超越那是必然，闭塞的iOS逃不过被超越的命运，我就象厌恶封闭的天朝那样厌恶它！
发表于 日 20:09
谷歌将击败一切！刚结束的移动通信设备世界大会上，谷歌CEO说已经有70美元的安卓机了。黑莓曾经在美国占有重要位置，在其它国家呢？那么高价的苹果机就是在欧美占重要部分，它在全世界范围中是少数派。
发表于 日 22:42
RE: Android与iOS：谁更适合HTML5？
本帖最后由 风沙影 于 日 22:51 编辑
hyy514 发表于 日 19:56
当初iOS已经声名显赫，已经取得很大的市场占有率，Android几乎还无人认识，但二年后Android在世界上的占有率 ...
天朝除了网络外，其他的还是比较开放滴
发表于 日 22:49
谷歌将击败一切？微软是打酱油的？好吧，就算谷歌有那样的能力，而善于玩平衡战略手段的白宫会允许他那样做？
发表于 日 07:09
本帖最后由 hoogle 于 日 07:14 编辑
WebOS is the No1.
发表于 日 07:11
本帖最后由 hoogle 于 日 07:19 编辑
将来是WebOS说了算！
GMT+8, 日 08:38您所在的位置： &
Android和iOS在新版本中助力HTML5
Android和iOS在新版本中助力HTML5
cocoachina
cocoachina
两个最流行的移动操作系统，Android和iOS，有可能准备在它们的最新版本中为HTML5增加助力。Google从Android的核心组件中剥离了WebView，把它变成了一个可升级的组件，同时，苹果用WKWebView替代了过去的UIWebView，后者在混合应用上有性能、稳定性和功能方面的优势。
两个最流行的移动操作系统，Android和iOS，有可能准备在它们的最新版本中为HTML5增加助力。Google从Android的核心组件中剥离了WebView，把它变成了一个可升级的组件，同时，苹果用WKWebView替代了过去的UIWebView，后者在混合应用上有性能、稳定性和功能方面的优势。
混合应用和原生应用类似。它们也是从Google Play或App Store上安装，只不过它们是使用HTML、CCS、JavaScript之类的技术开发的。浏览器引擎用于解析、运行和显示这些应用，每个操作系统都为引擎导出了API与之交互。在Android下，这个引擎就是WebView，iOS下则叫WKWebView。开发者可以在他们的应用中嵌入Web内容，以及访问那些一般的移动网站无法访问的资源，比如摄像头、文件系统和NFC等等。
WebView一直以来都是Android的核心组件，以前只有在操作系统升级的时候才会更新。由于Android版本的发布速度一般较慢，并且各个厂商之间的节奏又有所不同，不是所有的手机和平板电脑都能同时升级到最新版本的（如果真要升级的话），这样就导致了用户无法使用最新的功能，或受到安全漏洞的威胁。在KitKat发布后，Chrome开发团队承认了这个问题，并且打算把浏览器引擎变成一个定期更新的组件。
从Android Lollipop开始，有一个新功能叫可升级的WebView。顾名思义，现在这个WebView作为一个常规的app，能从Google Play上得到更新。这不仅保证了重要的安全更新能及时部署到设备上，也使得新的功能和API能及时推送给依赖WebView的应用的开发者们。
苹果也在iOS 8中尝试支持更多的HTML5功能。一件出了名的事就是用WKWebView替代了旧的引擎UIWebView。在以前的iOS版本中，混合应用无法达到原生Safari应用的JavaScript性能水平，因为苹果限制了Safari的JavaScript引擎Nitro的使用，使UIWebView变得很慢。
现在有了WKWebView的API，在iOS 8上运行的混合应用可以利用和Safari浏览器一样的优化功能。基准测试的结果显示，在这些应用中，JavaScript的速度是旧的UIWebView API的4.5倍。但是新的API有一个bug有可能破坏某些混合应用，从beta 4开始就有。
除了这个主要的变化，iOS 8也支持以下的HTML5功能：
& IndexedDB
& HTML模板
& 导航/高精度计时
& SVG片断标识符
你可查看这篇文章了解WKWebView的具体改进细节。
本文链接：/webapp/77.html【责任编辑： TEL：（010）】
关于&&&&的更多文章
谷歌于2005年收购了Android，而鲁宾帮助Android成为了全球最流行
既然强大的Android Studio来了，有什么理由不去用呢？
讲师： 0人学习过讲师： 0人学习过讲师： 39人学习过
Web Components是W3C定义的新标准，目前还处于草案阶
在Android中，线程内部或者线程之间进行信息交互时经
iOS从最初的惊艳到后来的成熟，再到现在的转变，被誉
在网络应用越来越复杂的今天，传统的网络应用已经不能满足企业和用户的需要，这就对网络管理员、信息管理部门提出了更高的要求。
Windows Phone专家
Android开发专家
51CTO旗下网站加载中，请稍候...
加载中，请稍候...
京 东 价：
￥41.70 [8.6折][定价：￥49.00]
温馨提示：
其它类似商品
正在加载中，请稍候...
正在加载中，请稍候...
正在加载中，请稍候...
iOS应用开发指南：使用HTML5、CSS3和JavaScript
查找同类商品
适读人群 ：移动开发者设计师Web设计师
　　《iOS应用开发指南：使用HTML5、CSS3和JavaScript》主要是向已有一定开发经验的Web设计师介绍iOS应用开发的基础入门知识。全书的主要内容包括如何下载和安装iOS SDK；如何使用Xcode管理项目资源、测试应用程序以及打包二进制文件；如何设计适合在移动平台上表现的文本、图片、音频和视频内容；以及如何使用HTML5和CSS3技术以提高应用程序的性能。　　如果你是一名熟悉HTML、CSS和JavaScript技术的网页设计师，你将通过《iOS应用开发指南：使用HTML5、CSS3和JavaScript》熟练地掌握如何为iPhone、iPod touch和iPad创建应用程序，并且通过App Store将其在全球发布。
　　Kristofer Layon，一名Web开发人员、应用程序开发者、教育工作者以及会议策划。他的第一款iPhone应用程序ArtAlphabet，是一款面向低龄儿童的认知和组合卡片的游戏，于2009年在App Store中发布。如今，他所在的软件公司Aesthete Software，为多个领域的客户设计移动应用程序，包括医药、摄影和教育等。他在博客（z.umn.edu/klayon）中发表关于设计思想的文章，在各种会议上做关于Web开发和应用程序设计的演讲，在他的Two Apps Per Day设计讲习班中讲解一名Web开发人员如何可以创建出自己的iOS应用程序。
第1章　变小的巨大影响1.1　移动魔力和掌上电脑1.2　内容和情景就是一切1.3　移动应用程序≠桌面应用程序1.4　法宝就是转变1.5　设计始于思考，终于代码1.6　小结第2章　建立应用程序设计工作室2.1　取得苹果公司开发者ID2.2　下载和安装iOS SDK2.3　下载和安装NimbleKit2.4　小结第3章　iOS SDK基础3.1　开始一个新的Xcode工程3.2　测试和构建应用程序二进制包3.3　小结第4章　iOS用户界面和用户体验4.1　状态条是什么4.2　实现标题栏4.3　设计标签工具栏4.4　使用表视图导航4.5　小结第5章　聚焦应用程序内容：文本和图片5.1　组织文本5.2　整合社交网络内容5.3　使用图片5.4　小结第6章　聚焦应用程序内容：地图6.1　方法一：使用NKButton6.2　方法二：使用一个样式化的HTML按钮6.3　考虑iPad6.4　小结第7章　聚焦应用程序内容：音频7.1　使用HTML5播放音频7.2　使用NKAudioPlayer来整合音频7.3　小结第8章　聚焦应用程序内容：视频8.1　在iPad上使用HTML5播放视频8.2　使用NKVideoPlayer播放视频8.3　小结第9章　HTML5和CSS39.1　探讨额外的HTML5元素9.2　使用CSS3，更多的设计选择9.3　小结第10章　其他移动开发框架10.1　使用PhoneGap和JQTouch模拟iOS体验10.2　使用Titanium Mobile开发本地应用程序10.3　使用Sencha Touch设计网页应用程序10.4　小结第11章　销售应用程序11.1　你是谁：取决于App Store的账号11.2　使用苹果公司的市场资源11.3　设计应用程序的市场营销11.4　小结第12章　配置和发布应用程序12.1　使用iOS Dev Center12.2　使用iTunes Connect12.3　添加和管理应用程序12.4　小结附录　附加指导原则内容策略应用程序规划应用程序可用性
正在加载中，请稍候...
正在加载中，请稍候...
正在加载中，请稍候...
正在加载中，请稍候...
正在加载中，请稍候...
正在加载中，请稍候...
正在加载中，请稍候...
七日畅销榜
新书热卖榜}