首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML5离线缓存技术

原理和环境 如上面提到的HTML5离线存储是基于一个新建的.appcache文件的,通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。...之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。 就像cookie一样,html5离线存储也需要服务器环境。...: * FALLBACK 下面的 FALLBACK 小节规定如果无法建立因特网连接,则用 "offline.html" 替代 /html5/ 目录中的所有文件: ALLBACK: /html5/ /404...好在html5给javascript提供了相关的API。...注意事项 站点离线存储的容量限制是5M 如果manifest文件,或者内部列举的某一个文件不能正常下载,整个更新过程将视为失败,浏览器继续全部使用老的缓存 引用manifest的html必须与manifest

3.8K70

HTML5离线存储原理

前言 使用HTML5,通过创建cache manifest文件,可轻松创建web应用的离线版本;HTML5引入了应用程序缓存,这意味着web应用可进行缓存,并可在没有网络时进行访问。...应用程序缓存为应用带来三个优势 离线浏览—用户可在离线时使用 速度—已经缓存的资源加载的更快 减少服务器负载—浏览器将只从服务器下载更改过的资源 原理和环境 如上面提到的HTML5离线存储是基于一个新建的...之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。 就像cookie一样,html5离线存储也需要服务器环境。...当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。然后,无论用户何时与因特网断开连接,这些资源依然是可用的。 NETWORDK 白名单,使用通配符”*”..../ 目录中的所有文件: ALLBACK:/html5/ /404.html 第一个 URI 是资源,第二个是替补。

2.9K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5离线存储——manifest简介

    在线的情况下,浏览器发现html头部有manifest属性,会请求manifest文件,如果是第一次访问应用,浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。...那么就会重新下载文件中的资源并进行离线存储。...离线的情况下,浏览器就直接使用离线存储的资源。...注意事项 1、如果服务器对离线的资源进行了更新,那么必须更新manifest文件之后这些资源才能被浏览器重新下载,如果只是更新了资源而没有更新manifest文件的话,浏览器并不会重新下载资源,也就是说还是使用原来离线存储的资源...3、浏览器在下载manifest文件中的资源的时候,它会一次性下载所有资源,如果某个资源由于某种原因下载失败,那么这次的所有更新就算是失败的,浏览器还是会使用原来的资源。

    3.7K50

    HTML5离线存储——manifest简介

    在线的情况下,浏览器发现html头部有manifest属性,会请求manifest文件,如果是第一次访问应用,浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。...那么就会重新下载文件中的资源并进行离线存储。...离线的情况下,浏览器就直接使用离线存储的资源。...注意事项 1、如果服务器对离线的资源进行了更新,那么必须更新manifest文件之后这些资源才能被浏览器重新下载,如果只是更新了资源而没有更新manifest文件的话,浏览器并不会重新下载资源,也就是说还是使用原来离线存储的资源...3、浏览器在下载manifest文件中的资源的时候,它会一次性下载所有资源,如果某个资源由于某种原因下载失败,那么这次的所有更新就算是失败的,浏览器还是会使用原来的资源。

    2.2K20

    html5离线缓存manifest详解

    App,同时Web App中一部分资源并不是经常改变,并不需要每次都向服务器发出请求,出于这些原因,HTML5提出的一个新的特性:离线存储。 ...HTML5引入了应用程序缓存(Application Cache),通过创建manifest文件可以轻松地创建Web应用的离线版本,使Web应用可以在没有网络的时候任然可以访问。...,那么就会重新下载文件中的资源并进行离线存储。...如果服务器对离线的资源进行了更新,那么必须更新manifest文件之后这些资源才能被浏览器重新下载,如果只是更新了资源而没有更新manifest文件的话,浏览器并不会重新下载资源,也就是说还是使用原来离线存储的资源...onchecking:当浏览器对离线存储资源进行更新检查的时候会触发这个事件onprogress:当浏览器在下载每一个资源的时候会触发这个事件,每下载一个资源就会触发一次。

    1.9K31

    HTML5多线程与离线存储

    // do something } 2.多线程处理页面 self.onmessage = function(e){ // 前端页面传过来的数据 console.log(e.data) } 离线存储...使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。...HTML5引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。...应用程序缓存为应用带来三个优势: 离线浏览 – 用户可在应用离线时使用它们 速度 – 已缓存资源加载得更快 减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。...5M 如果manifest文件,或者内部列举的某一个文件不能正常下载,整个更新过程将视为失败,浏览器继续全部使用老的缓存 引用manifest的html必须与manifest文件同源,在同一个域下 在manifest

    1.9K40

    HTML5离线缓存攻击测试(二)

    经过昨天的测试,发现使用离线缓存的网站会被攻击。但是,不使用离线缓存的网站就真的不会受到这样的攻击么?...(很郁闷相同的操作为啥有时候结果不一样,不过大部分还是造成了离线缓存攻击的效果。)...再次请求时抓包如下图,发现请求appcache文件后,尽管百度返回了302的错误页,但是浏览器没有跳转,仍然保持了离线缓存的页面,实现了缓存中毒的效果。...由于支付宝是HTTPS,而小白我还不会搭建HTTPS……所以只用HTTP做了离线缓存攻击,当出现下面这页面时我惊呆了…安全软件在逗我么… 当回到正常环境时,用http访问支付宝页面会自动被302重定向到...不知道使用https进行离线缓存攻击会不会成功。 ? 除了百度和支付宝,还用网易的126.com做了实验。

    2K60

    离线安装 - 依赖包下载

    给没有联网的服务器安装软件,不能使用便捷的一键安装命令,需要下载离线安装包,但是软件的依赖包很多,需要到处找,实际上使用yum仓库,可以直接从仓库下载依赖包 repotrack 所有依赖项,包括系统已经安装的...# 安装yum-utils $ yum -y install yum-utils # 下载 ansible 全量依赖包到/tmp/packages目录 $ repotrack ansible -p.../tmp/packages yumdownloader 仅会将主软件包和基于你现在的操作系统所缺少的依赖关系包一并下载。...# 安装yum-utils $ yum -y install yum-utils # 下载 ansible 依赖包:会过滤出系统缺少的依赖包 $ yumdownloader --resolve --destdir...=/tmp/packages ansible 参考 yum 下载全量依赖 rpm 包及离线安装(终极解决方案)

    82310

    ArcGIS Pro下载离线影像

    额,简单来说就是类似地图下载器的功能 这个功能可以让我们在离线状态,没有网络连接的情况下完成工作。...该功能支持切片下载,但是需要注意的是由于切片图层具有可离线使用的最大切片数,所以如果在地图覆盖面积较大时直接下载离线地图将不会获得最大比例的切片图层 所以如果是研究区域较小的话,还是尽量放大地图来下载...,关于下载速度的话,官方给出的数据是在网络连接良好的情况下,下载 1 GB 的切片包需要 30 分钟。...默认下载位置就是你这个工程文件的目录 当然你也可以在共享和下载选项中更改 下载方法 选定合适的比例,点击下载地图 点击下载即可 需要注意的该功能的使用需登录arcgis 账号,注册登录即可,即使是盗版登陆以后也可以正常使用

    1.3K30

    HTML5简明教程(五)离线应用

    HTML5支持离线功能,当网络不可用时,网页还能够正常访问,部分功能还将继续使用。实现离线应用,最重要的是缓存资源,因此,离线应用核心需要定义一份描述文件,指定需要缓存的具体资源。...创建离线应用的三个步骤如下: 1. 创建描述文件 描述文件是一个以.manifest或.appcache为后缀的文本文件,其列出了所有需要缓存的内容。...# styles & scripts script.js style.css # images images/bg.png # FALLBACK指定后备资源 # 在线状态使用page.html,离线状态使用...page_offline.html FALLBACK: page.html page_offline.html # NETWORK指定不缓存的资源 # * 的含义为:除了上面列出的资源,其他资源都需要从Web服务器下载...引用描述文件 修改口入主页面,引用描述文件,这样,浏览器在请求页面时会下载描述文件。 <!

    61610

    Html5离线Web应用程序

    Html5一大新特性、同时也是非常吸引人的特性,就是其离线功能。它让Web从online延伸到了offline领域。...                     appcache; 网上Apache的修改方式一大堆,我给来个nginx的,环境是Ubuntu 12.04 一些注意事项 上述三步之后,你就可以给你的应用添加离线功能...,但是你会觉得用起来很别扭(起码一开始我是这样觉得的),有下面一些情况需要注意: 1、本地缓存更新时刻 浏览器第一次打开html文件的时候,访问manifest,下载所有缓存文件。...浏览器检查网络manifest是否有更新,如果有,下载新的manifest文件,并重新下载所有缓存内容。此时,新的本地缓存不会被显示,而是等待下次刷新页面后,才会显示。

    60100

    Docker 离线安装_安装下载

    Docker 离线安装与基本使用 一、Docker 概述 1.Docker 和虚拟机的区别 2.Docker 的使用场合 3.Docker 三大核心 镜像(Image) 容器(Container) 仓库...(Repository) 二、安装 Docker 三、Docker 镜像操作 1.有网方式 2.离线方式 1)查看镜像信息 2)添加新标签 3)删除镜像 4)存出镜像 5)载入镜像 6)镜像上传 四、Docker...二、安装 Docker 主机名 操作系统 IP地址 Docker CentOS7 192.168.1.1 实验所需软件包从这个链接下载:https://pan.baidu.com/s/1v2Y3gyq2AgRRyJMlLGSOlA...三、Docker 镜像操作 1.有网方式 1)搜索镜像 命令语法:docker search 关键字 //用来搜索远端官方仓库中的共享镜像 2)获取镜像 命令语法:docker pull 名称 2.离线方式

    1.3K20

    VisualStudio 2019 如何离线下载

    本文告诉大家如何离线下载 VisualStudio 2019 离线安装 微软就给 VisualStudio 2019 一个在线安装工具,需要通过命令行输入参数才可以离线下载 先从官网选择自己需要下载的...对应的 exe 就是 vs_professional.exe 请替换本文的代码里面用到的程序为你下载的版本 存放的路径 离线下载需要指定一个文件夹,用于存放下载的文件,通过 --layout 加上绝对路径可以下载到输入的文件夹...VisualStudio 放在 c:\vslayout 这句命令需要等很久 下载恢复 如果下载了一半然后关机,需要恢复,可以尝试使用 --fix 修复,用法是输入下载离线的相同命令在命令后面添加 --...Microsoft.VisualStudio.Workload.VisualStudioExtension --includeOptional --lang zh-CN --addProductLang en-US --fix 安装离线下载...通过命令行打开离线下载的文件夹里面的对应的安装文件,如我使用的是社区版,下载到 F:\下载\vs\vslayout 可以通过下面命令安装 F:\下载\vs\vslayout\vs_community.exe

    2.5K10

    Python-gdal离线文档下载

    只是,一份离线的文档毕竟能更让人安心。接下来引导大家获取一个离线的gdal文档(python)。...https://github.com/pcjericks/py-gdalogr-cookbook.git 即可获得新的文档文件夹py-gdalogr-cookbook: 双击index.html就可以查看离线文档了...05 愉快的飞翔吧~ 最后,为了方便那些不方便爬墙的朋友,我把文档同时放到网盘了,欢迎下载~ 下载方式: 关注公众号:一个有趣的灵魂W 回复关键词:‘gdal’ 回复关键词:‘gdal’ 回复关键词:‘...gdal’ 即可获得下载地址。...往期 百度网盘下载很慢吧,Pandownload之后的新工具-亿寻 谷歌地球引擎(Google Earth Engine)之数据初探(栅格和矢量) PyCharm2019亲测破解方式 中国范围2019

    1.3K10

    Cloudreve-添加离线下载

    说明其实这个文章在我很久之前就已经要写了,一直在工作,然后咕咕咕了,国庆放假,于是我又开始折腾我的站点了,所以在此去写一篇关于cloudreve离线下载的一个博文。...Cloudreve-公有云云盘(宝塔安装方法) 部署好离线下载之后我们还需要设置一些配置aira2添加从机cloudreve的离线下载是交给从机进行的,所以我们要配置从机端。...图片部署aria2离线下载我是使用大佬的一键脚本安装的。执行一键脚本,安装好之后把对应的信息填写一下就可以啦。...切记要一直才可以,要不然会报错图片给这个离线下载节点起个名字,这个权重越小越优先使用这个下载。图片这些部署好之后我们离线节点就下载好啦,我们给aria2改一下配置,默认的会自动做种。...我们试一下找个种子尝试一下离线下载。图片图片图片

    84600

    HTML5离线应用与客户端存储

    支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用,就是在设备不能上网的情况下仍然可以运行的应用。 开发离线Web 应用需要几个步骤。...HTML5 及其相关的 API让开发离线应用成为现实。...离线检测 要知道设备是否在线还是离线HTML5 定义了一个 navigator.onLine 属性,这个属性值为 true 表示设备能上网,值为 false 表示设备离线。...应用缓存 HTML5 的应用缓存(application cache),或者简称为 appcache,是专门为开发离线 Web 应用而设计的。Appcache 就是从浏览器的缓存中分出来的一块缓存区。...downloading: 在开始下载应用缓存资源时触发 progress: 在文件下载应用缓存的过程中持续不断地触发 updateready: 在页面新的应用缓存下载完毕且可以通过 swapCache

    3.9K10

    下载whl文件,离线方式安装numpy包_python离线安装pip

    1、下载whl离线文件到本地,放到c盘根目录(任意位置均可,只是方便安装) https://pypi.org/ https://www.lfd.uci.edu/~gohlke/pythonlibs/(推荐用这个地址下载...ctrl+f找到自己需要的文件) 2、 cmd到存放whl文件的目录 3、pip安装whl离线文件 pip install ****.whl (****.whl是我们下载的whl的文件名称) 二、批量下载...(使用requirements.txt文件,适用于公司为内网环境,可以先从外网下载,再拷贝到内网安装) 1、pip freeze > requirements.txt 2、配置pip(pip安装速度快的可以忽略这一步...(两条命令都需要执行,第二条命令是对第一条命令的补充),此次是下载到dir目录中 pip wheel -w DIR -r requirements.txt pip download -d DIR -r...requirements.txt 再将requirements.txt和dir目录拷贝到离线环境,再使用这条命令安装即可 pip install –no-index –find-links=DIR -r

    4.7K10
    领券