Question

这更像是一个最佳实践问题，但这对我来说非常重要，因为它让我多次认为我的js或css修改不起作用。

我使用PHP并将我的CSS和JS放在单独的文件中。有时当我点击循环重新加载按钮时，我的更改不会启动。我使用重新加载或在URL后重新按Enter键。有时候两者都不起作用，我必须做一些疯狂的事情，比如重新启动浏览器以清除缓存。

为了测试我是否正在使用旧的或新的JS，我使用不同的警报消息，当我发现它仍然使用旧的（最近更改前的）JS时。对于CSS来说，我使用不同的颜色边框等来知道它是否正在拾取新的颜色。不用说，我确信有比这更好的做法:)

Answer 1

Ctrl-Shift-R或Ctrl-F5（Cmd + F5 mac等效？）会进行硬刷新并强制用户代理从头开始下载所有内容。

Answer 2

您可以在重新加载时强制从服务器重新下载，在Firefox 上使用Ctrl + F5（表示浏览器必须从服务器重新询问文件，而不是使用版本）在你的机器上有缓存，或者在浏览器中取消激活缓存（至少在开发CSS / JS相关的东西时）。

用于取消激活缓存事物的一个很好的工具是Firefox web-developper extension：它为您提供了一个工具栏，可以在进行前端开发时快速访问几个有用的选项。

Answer 3

对于开发，您可以在CSS＆amp;的URL末尾添加一个随机数。 JS文件。类似的东西：

<script type="text/javascript" src="/myscript.js?<?php echo rand(1, 200000);?>"></script>

或者

<link rel="stylesheet" href="/styles.css?<?php echo rand(1, 200000);?>">

请不要在您的实际网站上执行此操作，否则您的用户将在每次请求时再次下载文件，从而使您的网站速度变慢。

Answer 4

Shift单击重新加载按钮。