Why does my webpage appear different in Incognito mode?

Question

I synchronized my project with a remote, but it looks different locally than when hosted online. Locally, it appears like this:

But looks like this online:

I refreshed the Chrome browser multiple times to no avail, but found that the styles showed up correctly in Incognito mode. Why?

Yes. It gives you a clean environment to see your apps without any cached content. — Andrew Li, Jul 11 '18 at 02:37
You could try pressing Ctrl+F5 for hard refresh if you are in non-incognito mode — 95faf8e76605e973, Jul 11 '18 at 02:38
ty, could you please transmit the comment to answer as a forward reference. @Li357 — AbstProcDo, Jul 11 '18 at 02:43

score 5 · Answer 1 · answered Jul 11 '18 at 02:48

Your internet browser stores "cached" versions of your website to improve load speed. Normally this isn't a problem, but it'll often interfere with showing the new styles whenever you're doing web development.

Try clearing your cache. There are some useful Chrome browser plugins you can use for this, or you can do it in the Chrome settings.

score 5 · Accepted Answer · answered Jul 11 '18 at 02:49

This is most likely due to Chrome's caching of your files. Due to caching, you're seeing an old version of your styles. In incognito mode, this is not a problem because Chrome uses a fresh cache when you start a session and removes that cache when you end the session. You can solve your problem by clearing your cache.

In general, it's a good idea to test your application in incognito mode because it gives you a good idea what someone sees when they first visit a site, and it allows you to experience your application in a clean environment without any extensions or cache.

Why does my webpage appear different in Incognito mode?

2 Answers2