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支持，用户可以在不安装软件的情况下，在在线浏览器中得到主流导航软件的导航效果，支持导航语音也不是问题，最主要的是应用是完全免费的.