JavaScript 离线应用与客户端存储——“应用缓存”的注意要点

vpants 发布于2019-08-19 17:44 / 2262人阅读

摘要：在线离线应用缓存就是一个从浏览器的缓存中分出来的缓存去，在缓存中保存数据，可以使用一个描述文件，列出要下载和缓存的资源。

离线检测

HTML5中定义的：

navigator.onLine如果为true则表示设备能够上网注意是大写的L（onLine）；

用下面代码检测属性状态：

if (navigator.onLine) {
    // statement if online
} else {
    // statement if offline
}

另外：

window.online和window.offline两个事件

HTML5提供了这两个事件，会在网络状态变化时触发。online在网络由离线变为在线时触发；offline在网络由在线变为离线时触发。

EventUtil.addHandler(window, "online", function() {
    document.getElementById("status").innerHTML = "在线";
});
EventUtil.addHandler(window, "offline", function() {
    document.getElementById("status").innerHTML = "离线";
});

应用缓存(appcache)

appcache就是一个从浏览器的缓存中分出来的缓存去，在缓存中保存数据，可以使用一个描述文件（manifest file），列出要下载和缓存的资源。

描述文件文件名：

offline.manifest

描述文件内容：

CACHE MANIFEST
#Comment

file.js
file.css

然后与页面关联起来，在html标签中的manifest属性中指定这个文件路径：

另外，applicationCache.status会返回下面的常量：

0：无缓存

1：闲置

2：检查中

3：下载中

4：更新完成

5：废弃

应用缓存相关的事件：

checking：检查缓存更新时；

error：检查更新或下载资源时发声错误

noupdate：描述文件无变化

downloading：开始下载应用缓存资源

progress：下载缓存资源过程中

updateready：下载完毕

cached：应用缓存完整可用时

让应用缓存为检查更新而触发上述事件：

applicationCache.update();

海外云主机服务器托管应用缓存服务器应用缓存服务器配置 javascript的应用离线应用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/78803.html

Javascript--离线应用与客户端储存

摘要：在这种情况下，浏览器将继续使用原应用缓存。对象对象有一个属性，属性的值是常量，表示应用缓存的状态。兼容性与其他客户端储存方案相比，同样也有限制，这些限制因浏览器围而异。对象主要用于仅针对会话的小段数据的存储。开发离线Web应用需要几个步骤: 首先确保应用知道设备是否能上网。应用必须能访问一定的资源(图像,Javascript,CSS)，这样才能正常工作。离线检测 naviga...

lmxdawn 2019-08-21 10:50 评论0 收藏0
JS学习笔记（第23章）(离线应用与客户端存储1)

摘要：应用缓存的应用缓存，或者简称为，是专门为开发离线应用而设计的。应用缓存还有很多相关的事件，表示其状态的改变。数据存储，通常直接叫做，最初是在客户端用于存储会话信息的。也就是使用值来存储多个名称值对儿。所谓Web离线应用，就是在设备不能上网的情况下仍然可以运行的应用。开发离线Web应用需要几个步骤：（1）确保应用知道设备是否能上网；（2）应用还必须能访问一定的资源（图像、JavaScr...

fjcgreat 2019-08-26 13:40 评论0 收藏0
javascript-离线应用于客户端存储

摘要：离线检测含义设备能否上网代码注和，和最新的没问题应用缓存缓存的目的是专门为网页离线设计的，当然在在线情况也会缓存机制当用户在地址输入请求的地址去请求网页时，浏览器会先本地缓存中查看是否有对应的缓存文件，如果有然后查看新鲜度就是是否过期了，如 23.1 离线检测含义：设备能否上网代码： navigator.onLine 注：IE6+和safari+5，firefox3+和ope...

gecko23 2019-08-23 15:21 评论0 收藏0