使用Chrome开发工具查找造成FOUC的原因

I have been fixing up a sites JS, moving it to the bottom, minifying, etc. And it's all gone okay except on the blog (of an e-commerce site), as the page loads it's causing the header to be un-styled for a second or so, but it isn't happening on any other part of the site, even though they share the same CSS/JS. The blog is image heavy, but with images disabled (and I've tried disabling scripts too), it still happens. It's only happened since I've made changes, which I can't revert simply, but the changes are all positive and should help if anything. I can't see any JS causing it (as I removed the scripts to see if it was in there) and it doesn't happen in FF.

我一直在修复一个网站JS,将它移到最底层,缩小等等。除了在博客(电子商务网站)之外它都没关系,因为页面加载它导致标题被取消样式大约一秒左右,但它不会发生在网站的任何其他部分,即使它们共享相同的CSS / JS。博客图像很重,但是图像被禁用(我也试过禁用脚本),它仍然会发生。这是因为我做了改变,我无法简单地回复,但改变都是积极的,如果有的话应该有所帮助。我看不到任何JS导致它(因为我删除了脚本以查看它是否在那里)并且它不会发生在FF中。

I would share a link but it's behind a closed staging server. And I could provide code but I'm not sure what, and there's a lot.

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

So, I had hoped I could use Dev tools to figure out what's happening, possibly the timeline view or something. I just don't know how I'd go about doing that.

所以,我希望我可以使用开发工具来弄清楚发生了什么,可能是时间线视图等。我只是不知道我该怎么做。

Any advice?

Ed: I used the network tab on both the staging and the live site, as you can see from the image, they're identical, the css is the first thing loaded after the actual page, and on the live site it's actually ga.js. So it's even more of a puzzle now...

Ed:我在登台和现场网站上都使用了网络标签,正如你从图像中看到的那样,它们是相同的,css是在实际页面之后加载的第一件事,而在实际网站上它实际上是ga。 JS。所以它现在更像是一个谜题......

2 个解决方案

#1

Don't worry, figured it out... It was the Stylebot Chrome Extension.. No idea why it was causing it now after making those changes though, and why it didn't affect the live site. I had no styles defined in it for this domain. A bug I guess.

不要担心,想通了......这是Stylebot Chrome扩展程序..不知道为什么它在进行这些更改之后现在导致它,以及它为什么不影响实时网站。我没有在这个域中定义样式。我猜错了。

Cheers all the same :)

干杯都一样:)

2 个解决方案

#1

更多相关文章

随机推荐