javascript - 使用 Chrome Dev Tools 找出导致 FOUC 的原因

标签 javascript html css google-chrome-devtools fouc

我一直在修复网站 JS,将其移动到底部,缩小等等。一切都很好,除了博客(电子商务网站),当页面加载时它导致标题是没有样式化一秒钟左右,但它不会发生在网站的任何其他部分,即使它们共享相同的 CSS/JS。该博客的图像很重,但是禁用图像(我也尝试过禁用脚本),它仍然会发生。这只是在我进行了更改后才发生的,我不能简单地恢复更改,但这些更改都是积极的,如果有的话应该有所帮助。我看不到任何 JS 导致它(因为我删除了脚本以查看它是否在那里)并且它不会在 FF 中发生。

我会分享一个链接,但它位于一个封闭的登台服务器后面。我可以提供代码,但我不确定是什么,而且有很多。

所以,我曾希望我可以使用开发工具来弄清楚发生了什么,可能是时间线 View 或其他东西。我只是不知道该怎么做。

有什么建议吗?

Ed:我在暂存站点和实时站点上都使用了网络选项卡,正如您从图像中看到的那样,它们是相同的,CSS 是在实际页面之后加载的第一件事,而在实时站点上它是实际上是 ga.js。所以现在更像是一个谜......

enter image description here

最佳答案

别担心,弄清楚了...这是 Stylebot Chrome 扩展程序。不知道为什么在进行这些更改后现在会导致它,也不知道为什么它没有影响实时站点。我没有为这个域定义样式。我猜是一个错误。

干杯都一样:)

关于javascript - 使用 Chrome Dev Tools 找出导致 FOUC 的原因,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24776606/

相关文章:

javascript - 使用 XPATH 隔离内联 javascript

css - 一个DIV的内容只能是水平的?

html - DIV 中的居中文本

html - 在 html 上的图像上应用不透明度过滤器

java - 是否有用于 GWT 的漂亮的 CSS 主题?

html - 如何将静态 HTML 和 CSS 文件连接到 Node.js 应用程序?

javascript - HTML5 Canvas 改变所有线条的颜色

javascript - Polymer 1.0 Local Dom 与 this.$ 选择器相关的问题

javascript - AngularJS 将数据传递给 $http.get 请求

javascript - JS展开并显示 block 不显示所有 block