Windows下的cache-浏览器缓存

最新推荐文章于 2023-04-09 20:45:35 发布
最新推荐文章于 2023-04-09 20:45:35 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： 计算机网络基础知识一 文章标签： 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44644740/article/details/109591033
版权

文章目录

cache

解释

cache 即缓存，是 IT 领域一个重要的技术。我们此处提到的 cache 主要是浏览器缓存。

根据 HTTP 报文的缓存标识进行的浏览器缓存主要是用于性能优化中。简单高效的工作方式可以缩短网页请求资源的距离，减少延迟，同时缓存文件可以重复使用，因此对于节约资源，降低网络负荷也有一定的作用。

操作一

打开 Chrome 或 Firefox 浏览器，访问 https://qige.io ，接下来敲 F12 键 或 Ctrl + Shift + I 组合键打开开发者工具，选择 Network 面板后刷新页面，你会在开发者工具底部看到加载该页面花费的时间。请进一步查看哪些文件被 cache了，哪些没有。在这里插入图片描述

操作二

接下来仍在 Network 面板，选择 Disable cache 选项框，表明当前不使用 cache，页面数据全部来自于 Internet，刷新页面，再次在开发者工具底部查看加载该页面花费的时间。比对与有 cache 时的加载速度差异。在这里插入图片描述

学习相关网站

Firefox开发者工具 https://developer.mozilla.org/zh-CN/docs/Tools
Chrome开发者工具 https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn

总结

以上就是学习Windows下的cache-浏览器缓存的具体内容。

直至植
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTTP缓存头Last-Modified和ETag介绍
01-20
第一次请求 请求： 代码如下: GET /pic/201408/102.jpg HTTP/1.1 Host: www.jb51.net Connection: keep-alive Cache-Control: no-cache Accept: image/webp,*/*;q=0.8 Pragma: no-cache User-Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.66 Safari/537.36 Referer: //www.jb51.net/
浏览器缓存机制详解
weixin_47450807的博客
01-25 1万+
一、为什么需要缓存 在前端开发中，我们主要追求的是性能和用户体验。对于一个网站查看性能最简单的 方式就是打开网站的速度。而一个好的缓存策略可以大大提升网站的性能。使得已经 下载后的资源被重复利用。减少客户端和服务器之间的请求次数，减少带宽，减少网 络负荷。 二、什么是缓存 对于web缓存，主要是针对一些web资源（html, js,图片，数据等），就是介于web 服务器和浏览器之间的文件数据副本。当我们第一次打开某一个网页时，浏览器向服 务器发起请求，请求所需要的资源。如果我们使用了web缓存，当我们下一
Windows 的Cache管理器
Tommy(凌飞)的专栏
11-22 2213
Cache的四个接口 File Stream Manipulation Functions Copy Interface MDL Interface Pinning Interface 注意：Cache管理器的Pin接口和另外两个接口：Copy接口以及MDL接口不能 同时使用。 重要：Cache管理器并解释被缓存的数据内容，它只是理解File
Clean Guru - cache & history cle-1.0.10.zip
最新发布
12-29
名称：Clean Guru - cache & history cle ---------------------------------------- 版本：1.0.10 作者：Clean Guru 分类：实用工具 ---------------------------------------- 概述：Clean Guru是有用且轻巧的附加组件，旨在提供更舒适的浏览体验。 描述： CleanGuru是有用且轻巧的附加组件，旨在提供更舒适的浏览体验。 清洁大师很容易使用。适用于您的Chromebook，WindowsPC，Mac或Linux的最佳清洁历史记录和缓存工具之一。 我们的特点： -一键即时删除 -可以选择时间段 -清除Chrome历史记录 -清除保存的密码 -清除保存的表单数据 -清除下载历史 -清空缓存 -删除Cookie以及其他网站和插件数据 我们轻巧的扩展程序使您只需单击一下Chrome浏览器工具栏中的“擦除”图标即可立即执行上述所有操作。 擦除Chrome历史记录和缓存数据从未如此简单。只需单击一下，即可有效清除缓存，清理Cookie
Chrome_Clear_Cache:用于清除 Google-Chrome 缓存的批处理文件（适用于 Windows）
07-13
Chrome_Clear_Cache 用于清除 Google-Chrome 缓存的批处理文件 在 Windows-8,8.1 上检查兼容性 我在 Google-Chrome 中遇到多功能框/网址栏的问题因为它对每次击键的React都非常缓慢...... 经过一番谷歌搜索后，我发现这是浏览器缓存的问题。 保存此批处理文件然后以管理员权限运行它后，可以清除谷歌浏览器缓存并继续使用多功能框的惊人之处:) 为了避免每次都以管理员权限运行它的麻烦，请按照以下步骤操作： 1>创建批处理文件的快捷方式。 2>右键单击快捷方式文件并转到属性。 3>在快捷方式选项卡中，单击高级。 4>选中以管理员身份运行复选框，然后单击确定。 现在，每当您的多功能框/网址栏开始变慢时，只需双击此快捷方式文件即可解决问题。 :) 您可以在批处理文件中硬编码您的系统用户名，以避免每次都输入它 浏览愉快:)
JavaScript浏览器对象之浏览器端数据存储机制
上善若泪
05-09 498
1 数据存储机制概述 这个API的作用是，使得网页可以在浏览器端储存数据。它分成两类：sessionStorage和localStorage。 sessionStorage保存的数据用于浏览器的一次会话，当会话结束（通常是该窗口关闭），数据被清空；localStorage保存的数据长期存在，下一次访问该网站的时候，网页可以直接读取以前保存的数据。除了保存期限的长短不同，这两个对象的属性和方法完...
浏览器根对象window之caches
weixin_34380296的博客
02-03 973
在控制台输入window. caches可输出一个叫做CacheStorage的对象，它用来存储 Response 对象的。也就是说用来对 HTTP ，响应做缓存的。虽然 localStorage 也能做，但是它可能更专业。 CacheStorage 在浏览器上的引用名叫 caches 而不是驼峰写法的 cacheStorage，它定义在 ServiceWorker 的规范中。CacheStor...
浏览器缓存Cache
weixin_44915595的博客
12-17 1420
为什么很多站点第二次打开速度会很快？ 如果第二次页面打开很快，主要原因是第一次加载页面过程中，缓存了一些耗时的数据。 那么，哪些数据会被缓存呢？从上面介绍的核心请求路径可以发现，DNS 缓存和页面资源缓存这两块数据是会被浏览器缓存的。其中，DNS 缓存比较简单，它主要就是在浏览器本地把对应的 IP 和域名关联起来，这里就不做过多分析了。我们重点看下浏览器资源缓存，下面是缓存处理的过程： 缓存查找流程示意图： 首先，我们看下服务器是通过什么方式让浏览器缓存数据的？从上图的第一次请求可以看出，当服务器返回 H
浏览器缓存你 GET 了吗？
五柳
02-21 341
引言 其实，缓存这一块的知识对于普通的只是以快速页面开放的同学来说，我想应该是一知半解。很好地理解缓存地过程可以让我们更好地记忆 HTTP 状态码 和 HTTP 首部字段。正常的浏览器缓存的过程： 询问浏览器内存（Memory Cache） 询问本地磁盘缓存（Disk Cache） HTTP 缓存过程，即强缓存和协商缓存 当然如果是 HTTP/2 还可能会有 Push Cache；并且如果应...
Aspnet-DiskOutputCacheProvider：ASP.NET的持久文件系统磁盘缓存
01-30
Aspnet-DiskOutputCacheProvider ASP.NET的持久文件系统磁盘缓存 介绍 摘要： : 使用不同的术语来解释同一概念，即管理数据。 有些人将其称为状态管理，另一些人将其称为高速缓存管理。 我喜欢“缓存”一词。 但是从概念上讲，这两者之间没有区别。 现在让我们讨论ASP.NET中缓存管理（或状态管理）的不同方面。 尽管缓存管理不是Windows应用程序中的问题，但它一直是Web环境中的挑战。 由于HTTP是无状态协议，并且Web服务器无法识别不同请求之间的用户，因此对于我们来说，识别不同请求之间的特定用户并存储数据以使其可以在不同请求之间重用对于我们来说非常重要。 ASP.NET提供了许多用于在客户端（浏览器）和服务器（Web服务器）端存储数据的功能，但是有时我们对何时使用什么感到困惑。 在ASP.NET中，我们遇到了诸如Session，Application和Cache对象之类的功能，但是对我们来说，了解它们之间的区别对于有效地在Web应用程序中使用它们很重要。 背景 在本文中，我将介绍ASP.NET中可用的不同缓存管理选项。 在网络应用程序中
window.top[_CACHE]实现多个jsp页面共享一个js对象
10-25
两个js页面要共享一个就js对象，想了半天用window.top['_CACHE']来存放这个变量，即可实现，不同Jsp页面直接的对象共享
asp.net开发中怎样去突破文件依赖缓存
01-20
在Web项目中可以使用Session,Application等来缓存数据，也可以使用Cache来缓存。 今天我们特别关注的是Cache缓存。Cache位于命名空间System.Web.Caching命名空间下，看到这里我们想到的是它在Web项目中使用。 说明：Cache 类不能在 ASP.NET 应用程序外使用。它是为在 ASP.NET 中用于为 Web 应用程序提供缓存而设计和测试的。在其他类型的应用程序（如控制台应用程序或 Windows 窗体应用程序）中，ASP.NET 缓存可能无法正常工作。 下面看看一些Cache缓存依赖的使用： 通过指定依赖项向缓存添加项例子： 代码如下: Cac
浏览器页面缓存 - Cache【性能篇】
问白的博客
04-09 1797
如果【停用缓存】被勾选了，浏览器发送的请求中就会自带 Cache-Control：no-cache和Pragma：no-cache两个请求头。会强制要求缓存把请求提交给原始服务器进行验证 (协商缓存验证)。假如 Cache-Control 在请求头中不存在的话，Pragma：no-cache的行为与 Cache-Control: no-cache 一致。在Demo演示之前，切记将浏览器中的 【网络 -> 停用缓存】选项不要勾选。否则浏览器不会从本地缓存取数据。
windows常用命令行(DOS)命令
m0_60941504的博客
12-08 1050
Win+r 输入cmd 跳出来dos系统界面 Dir 列出所有文件 Cd 进入某一个目录 Cd .. 返回上一个目录 Dir /a 显示出全部目录 文件夹有空格，需要双引号 没有空格，不需要引号 切换到其它盘符 D: 或者D盘输入cmd，然后回车 Md 文件夹名 //创建文件夹 dir//显示当前目录中的子文件夹与文件 Dir /a //显示隐藏文件 ...
Cache 和 Buffer 都是缓存，主要区别是什么？
热门推荐
weixin_41632560的博客
04-02 2万+
链接地址：https://www.zhihu.com/question/26190832作者：知乎用户链接：https://www.zhihu.com/question/26190832/answer/32387918来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。不知道为什么这问题突然火了，更新一个一句话总结：cache 是为了弥补高速设备和低速设备的鸿沟而引入的中...
Wireshark抓包——数据链路层
MSY的博客
11-12 1万+
文章目录所用软件数据链路层操作一、 Ethernet 帧的结构 所用软件 Wireshark 点击所要抓包的网卡，这里我选择的是WLAN网卡，双击“WLAN"即可，如下 此时显示已启动抓包； 如果需要抓包某一特定的操作，例如，我要访问百度，即可打开Cmder(功能与windows下的自带命令行工具Cmd一样，输入如下命令： ping baidu.com 再返回Wireshark抓包界面，即可抓取相关数据包： 当数据包过多，可以在上方菜单栏设置过滤条件，此时百度的IP地址为39.156.69.79，即
vue清除浏览器缓存
09-02
要清除Vue应用程序在浏览器中的缓存，你可以执行以下步骤： 1. 方法一：在浏览器中手动清除缓存： - 在Chrome浏览器中，按下Ctrl + Shift + Delete键（Windows）或Command + Shift + Delete键（Mac）打开清除浏览数据的选项。 - 选择要清除的时间范围，通常选择"All time"或者"From the beginning of time"。 - 确保选中"Cache"或者"Cached images and files"选项。 - 点击"Clear data"或者"Clear browsing data"按钮。 2. 方法二：使用Vue Router的路由守卫功能强制刷新页面： - 在路由配置文件中，可以使用`beforeEach`路由守卫来强制刷新页面。 - 在`beforeEach`守卫中，调用`window.location.reload(true)`方法来重新加载页面。 ```javascript // 路由配置文件（router.js） import Vue from 'vue'; import Router from 'vue-router'; Vue.use(Router); const router = new Router({ // ...其他配置 }); router.beforeEach((to, from, next) => { if (to.path !== from.path) { window.location.reload(true); } else { next(); } }); export default router; ``` 这样，每次切换路由时都会强制刷新页面，以清除缓存并重新加载Vue应用程序。 请注意，这些方法只能清除浏览器中Vue应用程序的缓存，不会影响其他网站或应用程序的缓存。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值