2014年Android教程之用 HTML 5 构建 Web 应用程序(一).pptVIP

2014年Android教程之用 HTML 5 构建 Web 应用程序(一).ppt

  1. 1、本文档共15页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
Android教程之用 HTML 5 构建 Web 应用程序(一) 简介 准备工具 探测的能力 清单 1. 探测脚本 清单 2. 检测 DOM 清单 3. 不同浏览器的功能 1 AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG 基于 HTML 5 已经涌现出了很多新的特性和标准。一旦您发现了当今浏览器中的一些可用的特性,就可以在您的应用程序中充分利用这些特性。在本文中,通过开发一些示例应用程序来了解如何探寻和使用最新的 Web 技术。本文的绝大多数代码都是 HTML、JavaScript 和 CSS — Web 开发人员的核心技术。 简介 2 为了能跟随我们的示例进行学习,最重要的一件事情是要有多个浏览器供测试使用。建议使用 Mozilla Firefox、Apple Safari 和 Google Chrome 最新版本。本文中我们使用的是 Mozilla Firefox 3.6、Apple Safari 4.04 和 Google Chrome 5.0.322。您可能还希望在移动浏览器上进行测试。例如,最新的 Android 和 iPhone SDK 被用于在模拟机上测试它们的浏览器。 这些示例包括非常小的用 Java™ 写的后端组件。本文使用的是 JDK 1.6.0_17 和 Apache Tomcat 6.0.14。 Android教程之准备工具 3 有一个关于 Web 开发人员的笑谈,Web 开发人员用他们 20% 的时间写代码,然后用剩下的 80% 的时间让这些代码能够在所有浏览器中运转起来并获得相同的效果。要说 Web 开发人员已习惯于处理不同浏览器间的差别多少有点不切实际。随着浏览器新一轮创新浪潮的出现,这种低效的方法仍然没有改善。最新、最好的浏览器所支持的特性在不断变化。 不过,也有好的一面,这些新特性均集中在 Web 标准,这就让您能够现在就开始使用这些新特性。您可以采用渐进增强的老技巧、提供一些基线特性、查找高级特性,然后用出现的额外特性增强您的应用程序。要做到这一点,我们需要学习如何探测新功能。清单 1 显示了一个简单的探测脚本。 Android教程之探测的能力 4 function detectBrowserCapabilities(){ $(userAgent).innerHTML = navigator.userAgent; var hasWebWorkers = !!window.Worker; $(workersFlag).innerHTML = + hasWebWorkers; var hasGeolocation = !!navigator.geolocation; $(geoFlag).innerHTML = + hasGeolocation; if (hasGeolocation){ document.styleSheets[0].cssRules[1].style.display = block; navigator.geolocation.getCurrentPosition(function(location) { $(geoLat).innerHTML = location.coords.latitude; $(geoLong).innerHTML = location.coords.longitude; }); } Android教程之清单 1. 探测脚本 5 var hasDb = !!window.openDatabase; $(dbFlag).innerHTML = + hasDb; var videoElement = document.createElement(video); var hasVideo = !!videoElement[canPlayType]; var ogg = false; var h264 = false; if (hasVideo) { ogg = videoElement.canPlayType(video/ogg; codecs=theora, vorbis) || no; h264 = videoElement.canPlayType(video/mp4; codecs=avc1.42E01E, mp4a.40.2) || no; } 6 $(videoFlag).innerHTML = + hasVideo; if

文档评论(0)

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档