禁用Chrome缓存进行网站开发

Tomermes

我正在修改网站的外观(修改CSS),但是由于烦人的持久性缓存,在Chrome上看不到结果。我尝试了Shift+刷新,但是没有用。

如何临时禁用缓存或以某种可以看到更改的方式刷新页面?

史蒂夫

Chrome DevTools可以禁用缓存。

  1. 右键单击并选择Inspect Element打开DevTools。或使用以下键盘快捷键之一
    • F12
    • Command在Mac上为+ Option+i
    • ControlWindows或Linux上的+ Shift+i
  2. Network在工具栏中单击以打开网络窗格。
  3. 选中Disable cache顶部复选框。

开发工具面板的屏幕截图

请记住,作为一个鸣叫@ChromiumDev指出,该设置是只由当devtools是开放的

请注意,这将导致重新加载所有资源。如果只希望对某些资源禁用缓存,则可以修改服务器与文件一起发送的HTTP标头

如果您不想使用该Disable cache复选框,则在打开DevTools的情况下长按刷新按钮将显示一个菜单,其中包含Hard Reload的选项Empty Cache and Hard Reload应该具有相似的效果。了解选项之间的区别可以使用以下快捷方式:

  • Command在Mac上为+ Option+R
  • ControlWindows或Linux上的+ Shift+R

长按

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Java网站开发入门

哪个框架对使用PHP和MySQL进行网站开发有用?

使用自动挂钩进行网站开发时的Git工作流程:Git pull还是git clone?

PHP,mysql,电子商务网站开发

用于网站开发和部署的GitHub方案

用于网站开发的 Visual Studio TFS 工作区

在OpenCart 3中禁用模板缓存进行开发

Chrome-“禁用缓存”

有关Django,Java,Python,HTML和网站开发的大问题

如何,如果检查没有发现它定位的网站开发选项的错误信息

如何使用mysql数据库为现有网站开发应用程序

React Js用于复杂的电子商务网站开发

分离客户端和服务器端部署JavaEE和网站开发

如何为不提供API的网站开发应用程序

编写网站开启脚本

Spring Web开发-禁用静态内容缓存

AngularJS在开发机器上禁用部分缓存

禁用缓存Chrome扩展程序

console.log返回NaN,应该有一个数字。Javascript-网站开发

我想为网站开发一个CRUD界面,但在Edit方法上我总是遇到错误

对于网站开发,使用私有存储库还是公共存储库有优势吗?

如何通过Chrome开发者工具与您的网站进行互动

如何缓存较大的文件以进行开发

Google Chrome-清除特定网站的缓存

Chrome 扩展开发:禁用扩展的操作

如何禁用Webpack中的捆绑进行开发?

在chrome中进行缓存清除的最佳方法是什么(最好是在打开开发工具时,有什么方法可以帮助我清除缓存)

在Rails 4的开发中禁用Sprockets资产缓存

在Typo3 6.2.9版中禁用开发缓存