在开发过程中禁用 css 和 js 文件的浏览器缓存答案

【问题标题】：Disable browser caching for css and js file during development在开发过程中禁用 css 和 js 文件的浏览器缓存
【发布时间】：2016-11-16 09:51:11
【问题描述】：

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

【问题讨论】：

您可以在资源末尾附加一个随机字符串（或文件更新时的时间戳）作为查询字符串，例如functions.js?v=1234567。这将有效地强制浏览器再次检索资源，而不管其缓存如何。
您可以在浏览器“私有模式”中测试和调试您的应用程序。

标签： caching browser-cache

【解决方案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>

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

希望这有帮助吗？

【讨论】：