Google Chrome中出现奇怪的不一致呈现 [英] Strange inconsistent rendering in Google Chrome

问题描述

当我在Chrome中查看此网页

https://www.doctle.com/users/feedback/

它不一致。

问题是使用右上角的登录窗口小部件。有时它会按预期显示，如果我刷新它有时它的浮动不正确。

要重现不稳定的行为只是重复刷新页面，你可以看到不一致。 p>

[Erratic Render] - https：//www.doctle .com / error.jpg

请帮忙。屏幕截图是相同的页面，没有服务器端文件上的任何差异。我在Firefox中验证，这种不一致是不存在的。

解决方案

p>这是一个可能的解决方案。当我在开发者工具中运行Chrome的审核工具时，我得到以下（在其他一些不应该是此问题的原因）：



优化样式和脚本的顺序（2）

后面有一个外部JavaScript文件的文件头。为了确保并行下载CSS文件，请始终在外部JavaScript之前加入外部CSS。

simple-image- link.css

style.css

基本上它正在加载样式表无序，这是可能导致问题。

When I view this webpage in Chrome

https://www.doctle.com/users/feedback/

it renders inconsistently.

Problem is with the Login Widget in the top right corner. Sometimes its rendered as expected and if I refresh it sometimes its not floated properly.

To reproduce the erratic behavior just refresh the page repeatedly and you can see the inconsistency.

[Erratic Render] - https://www.doctle.com/error.jpg

Please help. The screenshot is of the same page with out any differences on the server side files. I verified in Firefox and this inconsistency is not there. Open the page in Firefox for reference.

Thanks in advance.

解决方案

This is a possible solution to the problem. When I run Chrome's Audit tool found in the developer tools, I get the following (among a few other things that shouldn't be the cause of this issue):


Optimize the order of styles and scripts (2)

The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.

simple-image-link.css
style.css

Basically it's loading your style sheets out of order and that's what may be causing the problem.

这篇关于Google Chrome中出现奇怪的不一致呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！