浏览器在刷新时以不同的方式呈现网页（当没有任何变化时）

Posted 2023-03-05

【中文标题】浏览器在刷新时以不同的方式呈现网页（当没有任何变化时）

【英文标题】：Browser renders webpage differently on refresh (when nothing has changed)

【发布时间】：2011-08-22 15:25:53

【问题描述】：

当我刷新我的网页时，浏览器 (Chrome) 每次都会以不同的方式呈现它。在按下刷新之间我什么也没做。

可以在这里看到页面：http://www.melbournedodgeball.com.au/dodgeballnew/team.php?teamid=5

如果您单击刷新几次，它偶尔会呈现页面错误。为什么会发生这种情况，我该如何阻止它？

如果您没有得到类似结果，以下是我的意思的一些屏幕截图：

http://dl.dropbox.com/u/1859080/Screen%20shot%202011-05-10%20at%206.33.40%20PM.png

http://dl.dropbox.com/u/1859080/Screen%20shot%202011-05-10%20at%206.34.01%20PM.png

编辑：感谢大家的帮助，在我将图像设置为向左浮动然后将包含的 div 设置为溢出后，它似乎已经停止发生：隐藏。

【问题讨论】：

无法在 Chrome 11 中重现。

user730952：请禁用您可能正在使用的任何扩展程序。根据我的经验，它们可以诱发您所描述的行为。您可以通过单击 CTRL+SHIFT+N 来打开一个新的隐身窗口并在那里测试您的页面。

最奇怪的事情...两分钟前我在您的网站上看到了相同的行为，但现在它消失了...

【参考方案1】：

对我来说，它总是呈现“错误”。您需要在 html 中将 #achievements 放在 #teamlogo 之前，或者使用相对定位将其向上推。

【参考方案2】：

这可能是您浏览器的缓存。 尝试使用 firefox 并按 ctrl+R+shift。

或者彻底重启chrome，看看问题是否依然存在

你没有正确关闭标签：

<ul class="subnav">
                        <li><a href="season.php?season=3">Sundays</a></li>
                        <li><a href="hall-of-fame.php">Hall of Fame</a></li>
                    </ul

【讨论】：

每隔几次我点击刷新它就会在两个渲染之间来回切换，所以我不认为它是缓存，否则它应该保留一个。啊，我看到验证器指出了那个警告，但是我到底需要在哪里关闭它？我可能是瞎子……！

【参考方案3】：

如果页面是动态生成的，则脚本可能存在问题。即使您什么都没做，在两次刷新之间服务器上也可能会发生一些事情。每次刷新都可能显示一个不同的页面。

【讨论】：

@Thomas 这可以解释。 :)

【参考方案4】：

有趣... 我能想到的几个解决方案是为内容的包装器设置定义的宽度和高度。我看到未对齐的内容是浮动的，有时可以通过在不同浏览器之间提供包装器集尺寸来解决此问题。

如果您的内容是动态加载的，则您可能会以无法在不同浏览器之间正确呈现的方式附加它——也许您的布局和动态内容的附件的组合可能已经达到了特定于浏览器的不匹配。

PS——很棒的用户界面 :)

编辑：通过看到其他用户的响应，我会同意 - 你有一个未关闭的标签。 (@Paolo_NL_FR)

【讨论】：

@Atticus 你没有回答这个问题，至少没有完全回答。你在猜测并问另一个问题。您应该对原始问题发表评论。

实际上，我已经查看了几个浏览器，检查了源代码，并提供了 2 个可能提供解决方案的建议性修复 - 如果是动态的，则调整它的附加方式，如果是静态的，那么修复包装。这怎么不是答案？

@Atticus 只是因为您的答案中有 2 个问号这一事实使人们更容易接受反对票。更明确地说，例如“尝试为包装器设置固定的宽度和高度。如果您的内容是动态定义的，请检查它是如何添加的，看看它是否与您的布局冲突”

@Thomas Right..其中任何一个都指向相同的建议解决方案...显然，汤姆在家上学很有效。

@Atticus ;-) 如果您编辑答案，我将删除我的反对票。 :D