CODEWITHSUNDEEP
javascripthtmlcssgoogle-chromeinternet-explorer
Don Box
Don Box

Reputation: 3336

Detect when a stylesheet is loaded twice

I'm trying to debug my site in IE11 but it crashes when opening developer tools by F12.

Apparently this could be because of a CSS loading twice

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7115490/

How can I find which CSS causes the issue? I tried to look at the CSS resources loaded in Chrome in the Network tab, but there's no same css called twice. I am not sure it would even display it twice there.

Is there a tool or technique I can use?

Upvotes: 2

Views: 1087

Answers (1)

Rami A.
Rami A.

Reputation: 10582

Follow these steps to check if (IE or) your web page is loading duplicate CSS files:

  1. Disable script debugging to prevent IE from crashing.
    IE > Tools > Internet options > Advanced > Browsing > [X] Disable script debugging (Internet Explorer)

  2. Press F12 to open the Developer Tools window.

  3. Click on the Network tab.

  4. Filter traffic by CSS files.
    Content type > [X] Style sheets

  5. Browse to or reload your web page and check to see if there are multiple CSS files loaded twice.

Upvotes: 1

Related Questions