HTML5 在线状态检测

标签: HTML5学习资源 | 发表时间:2012-03-13 12:42 | 作者:admin
出处:http://www.mhtml5.com

如果 Web 应用程序仅仅是一些静态页面的组合,那么通过 cache manifest 缓存资源文件以后,就可以支持离线访问了。但是随着互联网的发展,特别是 Web2.0 概念流行以来,用户的提交的数据渐渐成为互联网的主流。那么在开发支持离线的 Web 应用时,就不能仅仅满足于静态页面的展现,还必需考虑如何让用户在离线状态下也可以操作数据。离线状态时,把数据存储在本地;在线以后,再把数据同步到服务器上。为了做到这一点,开发者首先必须知道浏览器是否在线。HTML5 提供了两种检测是否在线的方式:navigator.online 和 online/offline 事件。

  1. navigator.onLinenavigator.onLine 属性表示当前是否在线。如果为 true, 表示在线;如果为 false, 表示离线。当网络状态发生变化时,navigator.onLine 的值也随之变化。开发者可以通过读取它的值获取网络状态。
  2. online/offline 事件当开发离线应用时,通过 navigator.onLine 获取网络状态通常是不够的。开发者还需要在网络状态发生变化时立刻得到通知,因此 HTML5 还提供了 online/offline 事件。当在线 / 离线状态切换时,online/offline 事件将触发在 body 元素上,并且沿着 document.body、document 和 window 的顺序冒泡。因此,开发者可以通过监听它们的 online/offline 事件来获悉网络状态。

    来源: 未知的天空

 

相关 [html5 在线 状态] 推荐:

HTML5 在线状态检测

- - HTML5研究小组
如果 Web 应用程序仅仅是一些静态页面的组合,那么通过 cache manifest 缓存资源文件以后,就可以支持离线访问了. 但是随着互联网的发展,特别是 Web2.0 概念流行以来,用户的提交的数据渐渐成为互联网的主流. 那么在开发支持离线的 Web 应用时,就不能仅仅满足于静态页面的展现,还必需考虑如何让用户在离线状态下也可以操作数据.

在线状态服务在网站系统中的应用

- - idea's blog
我的前一篇博客文章” 谈谈Facebook的聊天系统架构“, 对Facebook的聊天系统架构进行了分析. 其中的有些思想和系统划分, 对即使不是做聊天系统, 如一般的网站系统, 也是很有借鉴意义的. 例如其中的在线状态服务器(Presence).. 在线状态服务, 是这样的一个服务, 它维护了网站当前的在线用户列表, 接受其它模块的查询.

利用btrace在线监控java程序状态

- - CSDN博客研发管理推荐文章
      下载地址: https://kenai.com/projects/btrace/downloads/directory/releases/.       选择版本进行下载,这里下载的是 release-1.2.4 / btrace-bin.zip.       这两天在调试程序时,发现一个比较好用的工具-btrace,能够线上监控程序状态,获取运行时数据信息,如方法返回值,参数,调用次数,全局变量,调用堆栈等.

Swiffy – Flash 转换到 HTML5 | 小众软件 > 在线应用

- manabomb - 小众软件 - Appinn
Flash 大红大紫的日子已经过去了,浏览器厂商们齐心协力整出了 HTML5 标准,抢 Flash 的饭碗;乔教主坚决不让 iPhone 支持 Flash,Adobe 心都挖凉了. 现在 Google 也推出了 Swiffy,免费把 SWF 格式转换为 HTML5 代码,赤裸裸的挖墙脚啊. Google Swiffy 目标用户是网络开发人员,它不能转换 Flash 视频,但对大多数 Action Script 交互型 Flash 支持良好.

10 款用来简化 HTML5 编码的在线工具

- Jackphone - ITeye资讯频道
HTML5 将来一定会改变我们创建网站和Web应用程序的方式. 在这篇文章中,我将共享10个非常强大的工具,帮助简化和强化你的HTML5的编码. alizr会为你生成一个干净的可定制的模板,基于Boilerplate. 想知道firefox是否支持HTML5 canvas吗. 或者Safari是否可以运行在HTML5聊天客户端.

10个在线简化HTML5编码的工具

- alswl - 我爱互联网
HTML5即将彻底改变我们创建网站和Web应用程序的方式. 在这篇文章中,我已编制了10个非常强大的工具,以简化和提升你的HTML5的编码. 开始创建一个新的基于HTML5的网站. 只需访问Initializr上手. Initializr会为你生成一个干净的可定制的模板. 想要知道Firefox是否支持HTML5的画布吗.

HTML5技术将推进在线游戏领域的发展

- - 酷勤网-挖经验 [expanded by feedex.net]
多数技术领域人士都认为,在在线视频和UI领域,HTML5将取代flash. 难以定夺的是,在网络游戏领域,HTML5是否会取代flash技术. 苹果、微软、谷歌和Mozilla——4家大型技术公司如今正积极在各领域推广HTML5技术,其中包括游戏领域. 更重要的是,他们的产品占据97%的浏览器市场.

在线也可语音 HTML5被开发导航站点

- - HTML5研究小组
【文章摘要】目前绝大多数的平板、手机产品都可以直接在浏览器中打开相应页面并进行导航,导航软件的地图部分是基于GoogleMap开发的,在不离开页面的情况下就可以进行导航. 该页面服务将在2012年上半年开始测试并放出. TeleNav终于最近发布了一款基于HTML5的在线导航系统,通过HTML5支持,用户可以在不安装软件的情况下,在在线浏览器中得到主流导航软件的导航效果,支持导航语音也不是问题,最主要的是应用是完全免费的.