开发时建议关闭chrome的缓存[Disable cache(while DevTools open)]

最新推荐文章于 2024-08-08 07:41:49 发布

前端爱好者。

最新推荐文章于 2024-08-08 07:41:49 发布

阅读量4.8k

点赞数 1

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog.php?id=bba1cahaa&title=%E5%BC%80%E5%8F%91%E6%97%B6%E5%BB%BA%E8%AE%AE%E5%85%B3%E9%97%ADchrome%E7%9A%84%E7%BC%93%E5%AD%98%5BDisable+cache%28while+DevTools+open%29%5D

版权

前端专栏收录该内容

483 篇文章 4 订阅

订阅专栏

问题：修改了css,JS后，chrome看不到效果

具体情景：最近在写一个PHPbbs,在写CSS时，习惯性的按F5刷新，firefox ie等，都能即时见到效果，唯独chrome 怎么都不行，想了想应该是它的缓存机制跟别的不一样

网上一阵搜索果然如此，原来 chrome要想即时看到效果是用 ctrl F5全部强制刷新，顿时恍然大悟！这是一种方便的方法

另外一种一劳永逸的方法，就是打开开发者工具进行神设置，专门为开发者考虑的见下图

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端爱好者。

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Chrome设置不设缓存

远行的博客

06-16

2603

几乎每个排期的功能都会出现测试或者策划追问，刷新了，界面还是没变，程序回清缓存，浪费了不必要的时间，影响工作效率，故整理了一份设置Chrome不设缓存的操作步骤，同时，也简化了测试步骤，不必每次测试都手动清一次缓存，时刻打开控制台也方便第一时间发现报错 1、F12打开开发者模式，界面上出现下面框中的界面，就说明打开了控制台，出现了就行，不一定在右边，因为这个是可以设置出现的位置的。然后点击Net...

Chrome调试时，勾选【Network】Disable cache禁止缓存

最新发布

gitblog_00728的博客

08-08

733

How to disable firefox cache

kongxx的专栏

05-27

2194

1. Open firefox2. Type "about:config" in address3. Type "cache" in filter4. Change "network.http.use-cache" value from true to false5. Access your test page again

Chrome禁用缓存

11-13

435

Chrome默认对JS和CSS等静态资源进行缓存，对HTML不启用缓存。在开发阶段，我们想要更改之后马上看到效果，那就必须禁用JS和CSS。快捷键是F12+F1，F12相当于打开dev-tool，F1相当于设置dev-tool。设置Network中的disable-cache为True即可。禁用缓存仅在dev-tool打开的情况下才是有效的，也就是说禁用缓存这个功能只给开发者使用...

Chrome浏览器缓存功能关闭方法

潇湘博客

03-18

1万+

在前端的开发中，最麻烦的莫过于浏览器的缓存，经常需要清理缓存文件，导致开发效率较低。但Chrome可以一键禁止浏览器缓存，并且在后续的操作中，无论相同的资源请求多少次，都不会缓存到本地，一起来体验下吧。按F12打开调试者工具，在调试者工具的右上角打开菜单选项，选择更多工具（More tools）->网络限制(Network conditions，在界面中勾选“Disable cache”选项...

浏览器，开发模式（禁用缓存）

weixin_30852451的博客

05-28

313

web前端调试JS、html页面时，有时因为浏览器缓存的原因，真正运行的程序并非最新的程序，此时需要禁用浏览器缓存。 chrome浏览器开发模式下禁用缓存的方法： 1、首先F12进入开发模式 2、勾选中“Disable cache(while DevTools is open)” 转载于:https://www.cnblogs.com/xuzhudong/p/6915244.html...

Spring boot热部署devtools过程解析

08-18

2. 在开发者工具中，选择 “Network” 选项卡，选中打勾 “Disable Cache (while DevTools is open)”。总结 Spring Boot 的 DevTools 提供了许多强大的功能，可以快速开发和调试应用程序。通过在 pom.xml 文件...

spring boot devtools在Idea中实现热部署方法

08-28

按下 F12 或 "Ctrl+Shift+I" 打开开发者工具，然后在 "Network" 选项卡下选中 "Disable Cache (while DevTools is open)"。热部署现在，我们已经完成了所有的配置，下面我们可以使用 Spring Boot DevTools 实现...

如何解决前端向服务器上传文件报错Failed to load response data: Request content was evicted from inspector cache

06-09

在 Chrome 的 DevTools 中，可以通过点击右上角的三个点，选择“设置”-“Preferences”-“Network”-“Disable cache (while DevTools is open)”勾选即可。 2. 清除缓存。在 Chrome 的 DevTools 中，可以通过点击...

chrome 定时刷新

07-03

接下来，在右侧"Network"选项卡下方找到"Disable cache"部分，勾选"Disable cache (while DevTools is open)"。然后，在左上方的齿轮图标中选择"More tools"，再选择"Sensors"选项。在"Sensors"选项卡中，勾选左侧的...

springboot+maven+devtools热部署

weixin_40333020的博客

03-22

452

1.添加依赖坐标  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> ...

谷歌开发者工具 Network：Disable cache 和 Preserve log

zzvar的博客

04-25

3342

参考博文地址：https://my.oschina.net/af666/blog/871793 Network Disable cache（禁止缓存）：勾上，修改代码之后，刷新页面没有更新，看有没有禁止缓存，不要犯这种低级错误。 Preserve log：保留请求日志，跳转页面的时候勾选上，可以看到跳转前的请求，也可适用于chrome开发者工具抓包的问题，勾上 ...

chrome禁止cache

luosimuer

08-07

1190

今天在调试底图上线的程序时发现昨天明明好使的底图今天都显示能块状，youde

修改代码后，刷新页面没有更新的解决办法。Disable cache禁止

qq_42780155的博客

06-03

4255

很多时候，我们修改代码并保存后，到浏览器看效果，发现并没有更新；刷新页面后也没有更新。可能是你的缓存开启了，Network 里勾选Disable cache重新加载页面后，会发现浏览器使用缓存了。打开Disable cache，http请求头会多Cache-Control，Pragma这两个东西开发过程中，勾选Network 内Disable cache禁止缓存，开发效率和过程会更快更快乐呢！ ...

禁用Chrome缓存

Mr super

06-24

399

打开浏览器按F12 打开Network 选择Disable cache 这就ok了,是不是很意外!就是这么简单!一般springboot项目热部署中,这个是很有必要的.如果对您有所帮助,请为我点赞!谢谢!

Chrome disable cache & clear memory cache

weixin_30933531的博客

03-14

335

Chrome disable cache & clear memory cache disable cache 转载于:https://www.cnblogs.com/xgqfrms/p/10530858.html

如何彻底禁用Chrome浏览器的缓存功能

liaowenxiong的博客

02-09

1万+

禁止Chrome浏览器的缓存功能有几种方式：使用Shift + F5强制刷新缓存。实际使用中我们发现，这种方法对于部分网页的更改并不能做到释放缓存的作用，尤其是无法释放DNS缓存。使用隐身模式Shift + Control + N. 这种方法只能在打开的页面上消除之前缓存的影响，对于打开隐身模式之后做的任何更改都无法刷新缓存，因此也不甚实用。在DevTool (Windows：Shift + Control + I ；Mac：Option + Command + I) 中Disable C

google浏览器设置不缓存

底层码农

01-26

1万+

我们在做web开发的时候特别是在调试js时，会经常使用的google浏览器，这个时候就要我们修改过的代码可能不能生效。这是因为我们的浏览器默认是有缓存的，但是有的时候缓存可能使我们调试中的一大恶魔。在这里就介绍一下google浏览器不设置缓存的方法。方法一：设置浏览器为不缓存 i) Google浏览器中，按F12打开控制台--->选择Network---->在 Disabl...

开发工具Disable cache

07-27

开发工具中的Disable cache选项可以用来禁用浏览器的缓存机制，以确保在修改代码后能够及时看到更新的效果。当我们开启Disable cache后，浏览器会在重新加载页面时忽略缓存，从服务器重新获取最新的资源。这样可以避免因为缓存而导致修改后的代码没有生效的情况发生。\[1\] #### 引用[.reference_title] - *1* [修改代码后，刷新页面没有更新的解决办法。Disable cache禁止](https://blog.csdn.net/qq_42780155/article/details/117510590)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [scrapy 使用浏览器的开发人员工具进行抓取](https://blog.csdn.net/zhongjianboy/article/details/129221526)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]