在开发期间禁用css和js文件的浏览器缓存

Question

我们如何在应用程序开发过程中禁用浏览器缓存，以便每当我们对localhost（或任何开发环境）中的css或js文件进行任何更改时，我们都不必在浏览器上进行硬刷新看到变化

Answer 1

对所有css和js试试这个。这个例子你应该在所有的css和js中添加时间

  <link rel="stylesheet" type="text/css" href="style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>" />

or
<link href="/css/styles.css?ver=<?php echo time();?>" rel="stylesheet">

or
 <script src="/js/site.js?ver=<?php echo time();?>"></script>

Answer 2

缓存有利于快速开发，但是如果使用的是chrome，则可以右键单击刷新按钮并找到以下选项：

希望这有帮助吗？

Answer 3

大多数浏览器（Chrome和Firefox显示在下面的屏幕截图中）在开发人员工具的“网络”标签中都有一个选项，可以在打开开发人员工具时禁用缓存。