浏览器缓存信息的清理

废话不多先上代码

function clearCookie(){
    var keys=document.cookie.match(/[^ =;]+(?=\=)/g);
    if (keys) { console.log(keys.length);
        for (var i = keys.length; i--;) {document.cookie=keys[i]+‘=0;expires=‘ + new Date(0).toUTCString() }
     }
}
clearCookie();
localStorage.clear();
sessionStorage.clear();
var dataBase = openDatabase("storage库名","","storage库描述",1024*1024);
dataBase.transaction(function (tx) {
	tx.executeSql(‘delete from 表名‘);
});

  

从浏览器的console调试工具里面看到,浏览器的存储介质分别为Local Storage,Session Storage,IndexedDB,web SQL,Cookies五个。

local Storage存储的是文件类型的,包括js,css,html,img资源等等,这一类缓存占存储的大头

Session Storage,IndexedDB,web SQL,Cookies 这四个则是程序可控级的产生,比如典型的session和cookie。Chrome浏览器里面,

调用clearCookie()将cookie设置过期, 调用sessionStorage.clear()清除Session缓存;

localStorage和WebSql是h5开始出现的,也是一样可以清理,localStorage.clear();websql清除的时候要知道链接的配置,然后delete掉表名。

现在很多网站的基本都是用这些东西做一些标识记录(百度AD推广的一些推荐推送,淘宝的推荐推送等等都有在这些存储介质留下过痕迹),其他的一些文件缓存不会有太多的关系。

时间: 2024-10-03 22:54:13

浏览器缓存信息的清理的相关文章

浏览器缓存信息(Autocomplete )

Autocomplete HTML Attribute Not Disabled for Password Field 漏洞详细Web系统被识别到支持自动完成功能,这样通过浏览器可以获取到敏感信息. ps:需要根据实际需求,人为判断漏洞是否需要修复.项目中有时会用到自动补全查询,就像Google搜索框.淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能.autocomplete官网 : http://bassis

浏览器缓存清理最全图文教程

浏览器是每个使用电脑的人都会用的,浏览器的功能就是可以浏览任何网页,每浏览一个网页,浏览器都会默认加载下载一些缓存文件,浏览的网页越多,浏览器缓存就越多,导致时间久了,浏览器的反应就越来越慢,并且有时候在网页上登录一些帐号密码,浏览器默认也会记下来,如果不想自己的隐私被别人利用,也必须定时清除浏览器缓存的,那么如何清除浏览器缓存呢,有一部分朋友还不知道怎么清除浏览器缓存,这里笔者我简单的介绍一下当下流行的几种浏览器的清除缓存和cookies教程. IE浏览器如何清除浏览器缓存: 1.打开IE浏览

浅析http协议、cookies和session机制、浏览器缓存

http协议中headers,cookies.session.缓存等相关知识,发现些新知识点. 这篇文章注重结合PHP去理解这些内容,也就是比较注重实践部分. 一.http headers           NO1:对于web应用,用户群在客户端 (各种浏览器)点击任何一个连接向服务器发送http请求,这过程肯定需要3次握手,建立连接,服务器响应返回数据. 每次请求都有头部和实体部分,先看下面笔者监听QQ空间的headers,QQ空间的原因是它头部内容比较全 ? 1 2 3 4 5 6 7 8

浏览器缓存机制浅析

非HTTP协议定义的缓存机制 浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如: Expires: Cache-control等).但是也有非HTTP协议定义的缓存机制,如使用HTML Meta 标签,Web开发者可以在HTML页面的<head>节点中加入<meta>标签,代码如下: <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 上述代码的作用是告诉浏览器当前页面不被缓存,每

浏览器缓存机制

最近在做项目过程中需要对部分文件数据进行缓存,于是整理一些关于浏览器缓存机制的信息 概要总结:1.Expires 过期时间2.Cache-Control 缓存机制 [max-age=300]缓存时间 300 表示5分钟3.Last-Modified 最后修改时间 对应在请求头部有If-Modified-Since4.Etag 唯一标识 由服务器生成 对应在请求头部有If-No-Match优先级:Etag > last-modified > Expires 浏览器缓存机制,其实主要就是HTTP协

304和浏览器缓存

浏览器虽然发现了本地有该资源的缓存,但是不确定是否是最新的,于是想服务器询问,若服务器认为浏览器的缓存版本还可用,那么便会返回304. 浏览器缓存分为强缓存和协商缓存. 1.浏览器请求某资源,通过header判断是否强缓存,若是强缓存,则从本地直接获取缓存文件,不发请求到浏览器 2.若不是强缓存,发送请求到服务器,服务器通过一些request header确定是否是协商缓存,如果是,服务器将请求返回,但不返回资源,而是让客户端从本地缓存获取资源 3.强缓存和协商缓存,资源都是本地,只是强缓存不会

浏览器缓存机制详解

对于浏览器缓存,相信很多开发者对它真的是又爱又恨.一方面极大地提升了用户体验,而另一方面有时会因为读取了缓存而展示了"错误"的东西,而在开发过程中千方百计地想把缓存禁掉.那么浏览器缓存究竟是个什么样的神奇玩意呢? 什么是浏览器缓存: 简单来说,浏览器缓存就是把一个已经请求过的Web资源(如html页面,图片,js,数据等)拷贝一份副本储存在浏览器中.缓存会根据进来的请求保存输出内容的副本.当下一个请求来到的时候,如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应访问请求,还是

浏览器缓存策略

浏览器一般缓存图片.CSS.JS等静态文件,因为这些文件的更新频率相对来说比较低,合理利用浏览器的缓存对网站的性能提升有很大帮助.HTTP缓存分为两部分,分别是本地缓存和缓存协商,当本地缓存不生效时会启用缓存协商.HTTP缓存主要由HTTP协议的头(Header)信息来制定. 本地缓存 本地缓存是指当浏览器请求资源时,如果命中了浏览器本地的缓存资源,那么浏览器就不会发送真正请求给服务器.它的执行过程是:1. 第一次浏览器发送请求给服务器时,此时浏览器还没有本地缓存副本,服务器返回资源给浏览器,响

nginx优化--gzip压缩与expire浏览器缓存

gzip压缩 概述 网页在服务器端经过了gzip或者其他格式的压缩后的输出明显减少了content-length字节,当访问过百万时,这些减少的字节就会变为客观的流量给节约下来;从而减轻服务器的压力以及网页的访问速度; 原理 客户端在向服务端发送http请求时,在请求头中有一个Accept-Encoding的头信息,该头信息告知服务器端本客服端能接收什么样的压缩文件,如果服务器端配置了压缩的需求,就会返回相应的压缩文件,然后浏览器再解码呈现出来;我们在做采集时,需要采集的是未压缩的文件,所以在h