原创力文档- 1、本文档共15页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 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）