View CSS Style sheets in IE11 F12 Developer tools

css internet-explorer ie-developer-tools
Morvael picture Morvael · Mar 13, 2014 · Viewed 18k times · Source

In previous versions of IE developer tools you were able to open the source of CSS files in the debugger.

This was of most use to verify that they had actually been downloaded / referenced correctly, ie if the request for a stylesheet returned a 404 error then thats the route cause of my styles not being applied.

However as of IE 11 the debugger no longer lists CSS files, so I can't use that to view their source and verify them.

I know that I can do this through the profiler - but that requires starting a profile trace and reloading the page, which is not exactly conducive to easy work flow. (Not to the frequent lock ups the F12 tools seem to experience on any of the profile tabs is used)

Is there still away through the dev tools to see the source of CSS files?

Answer

Bart Sipes picture Bart Sipes · Apr 4, 2014

I don't believe so. There is a Connect issue reporting this and MS says they have it on their backlog for a "potential" future release. IE11: CSS tab missing in new F12 Developer Tools

Update: Microsoft has announced via the UserVoice site for Internet Explorer that they are planning on bringing it back.

Related questions

IE crossing out pseudo element CSS?

I've been trying to get a few pseudo elements to work on IE, but it just doesn't let me. It crosses out the CSS and acts like it's not there, which kinda aggrevates me. Would anyone know what I'm doing …

Read More
How to inspect elements on dynamically created DOM by using IE developers tools

I have a bug that I experience only in IE. I would like to inspect DOM by using IE developers toolbar, but unfortunately cannot seem to do it as complete DOM is generated dynamically. Does anybody have an idea how …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More