页面在刷新之前无法正常显示

Question

在我的网站上，在您刷新页面之前，该页面在大多数浏览器中显示不正确。该网站是：http://www.hqinternetsolutions.com/services.html

我不知道为什么它以这种方式显示然后它自己修复（即使没有清除缓存）

这是一系列以左边浮动的div。有什么想法吗？

Answer 1

@ n8wrl

没有什么是个人的，但我想纠正这样一种误解，即“刷新会强制重新加载所有内容，即使它在缓存中。”我希望这是真的！我可以节省数小时的调试时间，之前我已经了解到，当您按F5

时没有强制整页刷新

正如您在xkcd上的firebug的网络标签中看到F5后，GET grownups.png会返回304或“未修改”状态。这指示浏览器在用户本地计算机上使用缓存版本，因为在服务器上它尚未被修改。大多数图像，许多脚本，CSS，静态html文件和其他mime类型都缓存在客户端计算机上，并且永远不会重新下载 - 即使您按下F5

要真正“刷新”某个页面，您需要按CTR-SHFT-DLT或其他可能的浏览器快捷方式来清除缓存。

Answer 2

刷新会强制重新加载所有内容，即使它在缓存中也是如此。 我不知道“错误”是什么样的，但当我去你的网站＆amp;多次刷新看起来一样。

Answer 3

可能是本地问题，由CSS /图像缓存等引起的，浏览器使用缓存文件而不是加载新文件？我必须承认，在观看时，无论刷新次数多少，它都与我相同。

Answer 4

该网站在Windows中的IE浏览器和Mac上的Firefox中看起来一致......

根据您使用的浏览器和操作系统，我建议您始终使用HARD-REFRESH，因为它可以确保您始终下载最新的样式/脚本等。

执行硬刷新（而非常规刷新）：
在Firefox的Internet Explorer上的Windows中：CTRL + F5

在Firefox上的OS X中：CMD + SHIFT + R

我也相信你也可以通过CMD + Click（或CTRL + Click）浏览器中的Refresh按钮来实现同样的目的。

如果您想暂时停用缓存...
您还可以轻松禁用缓存，以便所有页面加载都可以获取最新内容（在您进行硬刷新时授予使用带宽）。

我发现禁用缓存的最快捷最简单的方法是使用Firefox附加开发人员工具栏：

https://addons.mozilla.org/en-US/firefox/addon/60?collection_id=da0ecd99-2289-7ab0-7d57-e7c489c845c3

希望有所帮助！