javascript – Lokale statische Dateien werden häufig während der Vorschau geändert.

Question

Unser Unternehmen lädt das Projekt von SVN auf den lokalen Server herunter und lädt es dann auf den Server hoch, nachdem es lokal geändert wurde.
Das Problem besteht nun darin, dass, wenn mehrere Stile lokal geändert werden oder extern verknüpfte js im Browser in der Vorschau angezeigt werden, die Änderungen aus Cache-Gründen nicht sichtbar sind und der Cache nur manuell geleert werden kann. Dies ist jedoch problematischer, wenn Änderungen vorgenommen werden kommen häufig vor. Nachdem ich mir die Methode zum Hinzufügen von Zeitstempeln zu fis angesehen habe, scheint es, dass das Projekt nur bei der Bereitstellung oder Aktualisierung neu konfiguriert wird. Gibt es eine gute Methode für diese Art lokaler Modifikation, die relativ häufig vorkommt?

Answer 1

通过chrome禁用缓
chrome dev tools > networks > disalbed cache, 见下图

Answer 2

在css和js文件后面加版本号

Answer 3

可以用 Chrome 的 clean cache 插件，每次刷新页面时点击这个插件的按钮就可以了，不用 Chrome 的刷新按钮

Answer 4

建议使用 webpack 或者 gulp 这样的构建工具，在构建项目时文件后面打上版本号，触发浏览器的请求。

Answer 5

开发和部署前端代码

Answer 6

每次修改后可以在文件后面添加时间戳来保证请求的是新修改的文件，像下面这样
<link rel="stylesheet" href="css/main.css?i=2017051101">
<script src="js/config.js?i=2017051101"></script>

Answer 7

页面上按钮可以强制刷新
按钮绑定事件location.reload()

Answer 8

CMD + SHIFT + R