摘要:
HTML5 Geolocation API (地理位置应用程序接口)目前PC浏览器支持情况:Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Internet Explorer 9.0+手机支持情况:Android 2.0+iPhone 3.0+Opera ... 阅读全文
摘要:
地理定位(geolocation)是最令人兴奋,而且得到了广泛支持的一个新API。通过这套API,JavaScript代码能够访问到用户的 当前位置信息。当然,访问之前必须得到用户的明确许可,即同意在页面共享其位置信息。如果页面尝试访问其地理定位信息,浏览器就会显示一个对话框,请求用 户许可共享其位... 阅读全文
摘要:
HTML5 地理位置定位实例这篇文章主要为大家介绍了HTML5地理定位的方法,实例讲述了html5获取坐标完整实现过程,并对比不同浏览器运行效果给出参考结果,需要的朋友可以参考下本文实例讲述了html5获取地理定位的方法,分享给大家供大家参考。... 阅读全文
摘要:
HTML5 Geolocation API (地理位置应用程序接口)目前PC浏览器支持情况:Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Internet Explorer 9.0+手机支持情况:Android 2.0+iPhone 3.0+Opera ... 阅读全文
摘要:
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前,浏览器都会询问用户是否共享其位置信息,以 Chrome ... 阅读全文
摘要:
回页首离线应用示例最后,通过一个例子来说明使用 HTML5 开发离线应用的基本方法。这个例子会用到前面提到的离线资源缓存、在线状态检测和 DOM Storage 等功能。假设我们开发一个便签管理的 Web 应用程序,用户可以在其中添加和删除便签。它支持离线功能,允许用户在离线状态下添加、删除便签,并... 阅读全文
摘要:
回页首在线状态检测如果 Web 应用程序仅仅是一些静态页面的组合,那么通过 cache manifest 缓存资源文件以后,就可以支持离线访问了。但是随着互联网的发展,特别是 Web2.0 概念流行以来,用户的提交的数据渐渐成为互联网的主流。那么在开发支持离线的 Web 应用时,就不能仅仅满足于静态... 阅读全文
摘要:
下面说明书写 cache manifest 文件需要遵循的格式。首行必须是 CACHE MANIFEST。其后,每一行列出一个需要缓存的资源文件名。可根据需要列出在线访问的白名单。白名单中的所有资源不会被缓存,在使用时将直接在线访问。声明白名单使用 NETWORK:标识符。如果在白名单后还要补充需要... 阅读全文
摘要:
清单 1. Clock 应用代码 Clock The time is: /* clock.css */ output { font: 2em sans-serif; } /* clock.js */ setTimeout(func... 阅读全文
摘要:
HTML5 是目前正在讨论的新一代 HTML 标准,它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中,加入了新的多样的内容描述标签,直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的 Web 应用程序时,... 阅读全文
摘要:
转载 2015-12-19 18:53:24 在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合... 阅读全文
摘要:
HTML5本地存储——Web SQL Database在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就无能为力了,灵活大不够强大。Web SQL D... 阅读全文
摘要:
本地持久化存储一直是本地客户端程序优于 web 程序的一个方面。对于本地应用程序,操作系统会一共一个抽象层,用于存储和获取特定于应用程序的数据,例如用户设置或者运行时状态。这些值可以被存储于注 册表、INI 文件,或者其他什么地方,这取决于操作系统的实现。如果你的本地应用程序需要不简单是键值对形式的... 阅读全文
摘要:
Web Storage是HTML5引入的一个非常重要的功能,在前端开发中经常用到,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB。Web Storage又分为两种: sess... 阅读全文
摘要:
在如今的Web开发中,HTML5是大家讨论的最大一个话题。HTML5提供的新功能特征使得Web程序员如虎添翼,并免去了以往钻研各种方法来让网站更好、更快、更灵活的气力。这些新功能中有一个非常让我感兴趣,它就是Web存储(Web Storage)。Web存储(Web Storage)提供了一个在浏... 阅读全文
摘要:
1、mp4格式视频无法在chrome中播放 Chrome浏览器支持HTML5,它支持原生播放部分的MP4格式(不用通过Flash等插件)。 为什么是部分MP4呢?MP4有非常复杂的含义(见http://en.wikipedia.org/wiki/Mp4),普通人对MP4的理解是后缀为.mp4的... 阅读全文
摘要:
Audio Firefox:支持 Ogg Vorbis和WAV Opera :支持Ogg Vorbis和WAV Safari :支持MP3,AAC格式 ,和MP4 Chrome :支持Ogg Vorbis,MP3,WAV,AAC和MP4 Internet Explore... 阅读全文
摘要:
eventTester=function(e){Media.addEventListener(e,function(){console.log((newDate()).getTime(),e);});}eventTester("loadstart");//客户端开始请求数据eventTester("... 阅读全文
摘要:
获取HTMLVideoElement和HTMLAudioElement对象 //audio可以直接通过new创建对象 Media=newAudio("http://www.abc.com/test.mp3");//audio和video都可以通过标签获取对象 Media=document.getEl... 阅读全文
摘要:
标签属性audioid="media"src="http://www.abc.com/test.mp3"controls>audio>src:音乐的URL (source标签在src属性不存在时使用)preload:预加载(none、metadata、auto。如果不使用此属性,默认为auto。)a... 阅读全文