第23章 离线应用与客户端存储

1.1离线检测

1.1.1进行离线检测
navigator.onLine属性，这个属性值为true表示设备能上网，值为false 表示设备离线。这个属性的关键是浏览器必须知道设备能否访问网络，从而返回正确的值。实际应用中，navigator.onLine在不同浏览器间还有些小的差异。
除navigator.onLine属性之外，为了更好地确定网络是否可用，HTMLS还定义了两个事件:online和offline。当网络从离线变为在线或者从在线变为离线时，分别触发这两个事件。这两个事件在window对象上触发。

1.2应用缓存

专门为开发离线Web应用而设计的，Appcache就是从浏览器的缓存中分出来的一块缓存区。要想在这个缓存中保存数据

1.3数据存储

3.1Cookie

HTTP Cookie，通常直接叫做cookie，最初是在客户端用于存储会话信息的。该标准要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为响应的一部分，其中包含会话信息。

cookie的构成

名称、值（储存在cookie中的字符串值。值必须被URL编码。）、域、路径、失效时间、安全标志

JavaScript中的cookie

由于JavaScript中读写cookie不是非常直观，常常需要写--些函数来简化 cookie的功能。基本的cookie操作有三种:读取、写入和删除。
在JavaScript中通过document .cookie可以访问cookie

获取子cookie的方法有两个: get()和getAll()
要设置子cookie，也有两种方法: set ()和setAll()

3.3Web存储机制

web Storage定义了两种用于存储数据的对象:sessionstorage和localstorage。前者严格用于在一个浏览器会话中存储数据，因为数据在浏览器关闭后会立即删除;后者用于跨会话持久化数据并遵循跨域安全策略。