Why does my webpage appear different in Incognito mode?

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

enter image description here

But looks like this online:

enter image description here

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

2 answers

  • answered 2018-07-11 02:48 S.S.

    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.

  • answered 2018-07-11 02:49 Li357

    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.