一对一免费咨询: 13913005726 025-66045668

对于快速Web APP,缓存四赢得性能的关键。最近个把月,我做了个所谓清除浏览器实验,研究下用户清除缓存的时候会发生哪些奇葩的事情。另外,除了浏览器的磁盘缓存(指图片啊等数据),我还折腾了其他一些数据格式,如:cookies, localStorage, 以及 application cache. indexedDB并不在其中,因为貌平顶山网站建设公司似其要嗝屁了。

实验的准备与操作(大致看看)

该测试从Save Stuff这个页面开始。该页面做了4件事情:

1.设置了一个叫做cachetest的永久Cookie, JavaScript创建;

2.测试window.localStorage以确定是否支持本地存储。如果支持,将会看到一个关键字为cachetest的本地存储值;

3.测试window.applicationCache以确定是否支持应用程序缓存 appcache(Application Cache 可用来实现离线应用)。如果支持,会使用appcache加载一个iframe. 该iframe的manifest文件有个包含iframe404.js iframe.js的备份片段。因为iframe404.js是不存在的,appcache会加载iframe.js(定义了全局变量iframejsNow)代替之。

4.加载一个需要5秒返回的图片,并缓存30天。

OK,现在数据已经保存到浏览器中了,然后用户根据系统提示清除浏览器数据,然后去检查缓存页面去查看之前保存的数据项还在不在。

1.查找名叫cachetest的Cookie;

2.检查关键字为cachetest本地存储数据;

3.再次加载iframe, 通过iframe的onload事件处理,检查iframejsNow是否被定义,以确定appcache是否被清掉了;

4滁州网站建设公司.加载同样那个要超过5秒的图片,如果这回图片加载的时间多于5秒,说明图片的缓存被干掉了。

我的测试结果

上图所示结果虽然不尽相同,但是跟我预想的很接近,然后其他一些知识碎片:

1.Chrome 21不清除localStorage. 这个异常结果可能归结于测试结果。 Chrome 21清除localStorage,但是并不在当前选项卡的内存中清除。如果你切换选项卡或者是重启Chrome浏览器,则被清掉了,是从内存中也清掉了。这实际上是一个bug, Chrome 23.0.1259以及后续版本修正了这个问题。

2.Firefox 3.6不清楚磁盘缓存,该问题的出现似乎与Chrome 21约好的:图片已经从磁盘缓存中清掉,但是,内存缓存中还在。按理说,两者都应该被清除掉的,2010的时候,FireFox团队修复了这个bug。

3.IE 6-7不支持appcache以及localStorage。

4.IE 8-9不支持appcache。

5.Firefox 3.6, IE 8-9, and Safari 5.0.5不清除localStorage, 我猜想,出现这个问题的原因是浏览器没有连接这些本地存储的界面。可参考下面展示的浏览器界面。

浏览器的交互界面们

在查看广泛数据下的结果前,有必要先看看各个浏览器清除数据的界面是怎样的,包含哪些清除的选项。下面截图来自Mac或window, 因此,可能和你自己看到的是有一些差异的。

Chrome

点击扳手图标 历史 清除所有浏览数据…Chrome 21浏览器下如下显示。复选Empty the cache(清空缓存)清除磁盘缓存,Delete cookies and other site and plug-in data(删cookie以及其他站点和插宜昌网站建设公司件数据)清除cookies, localStorage, 及appcache.

Firefox

清除Firefox 3.6点击工具 清除最近历史…然后复选Cookie和Cache. 没有清除localStorage的复选框。

FireFox12通过新增离线站点数据(Offline Website Data)这个复选项修复了这个问题。Firefox 15 有同样选择。结果localStorage被成功清掉了!

Internet Explorer

IE6下可能要折腾点。点击工具 internet选项… 两个按钮:删除Cookie…(Delete Cookies…)和删除文件…(Delete Files…)。 两个按钮都需要确认是否选择并删除。这里有个删除所有离线内容(Delete all offline content)选项,但因为appcache和localStorage不支持,对于本实验而言纯属打酱油的。

清除IE7则点击工具 删除浏览历史…仍然是两个分离的按钮,删除文件(deleting files)和删除cookie(deleting cookies), 同样有个删除所有…按钮,可以一键搞定everything~~


 


 南京牧狼文化传媒有限公司简介:


      牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!


  公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!


  为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!


  主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等


  合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯


  资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。



致力于为客户创造更多价值
13913005726 025-66045668
需求提交
电话咨询
在线咨询