Menu
in firefox I can usee firebug, in chrome I can use the css console. Both to make live changes to css for troubleshooting purposes. However I do not know of a way to do this in IE, which is where I have the most css issues.
So, whats the best way to troubleshoot css issues in IE?
Thanks!
472
You can do this with the keyboard using the F12 key or by selecting “F12 Developer Tools” in the “Tools” menu. The Developer Tools will now be open inside the browser tab, and the DOM Explorer tab will be active. Change to the Console tab by clicking its name.
The Sources panel is where you debug JavaScript. To open DevTools, press Command + Option + I (Mac), Control + Shift + I (Windows, Linux), or F12. This shortcut opens the Console panel. We will look at the debugger in more detail in the Java Script chapter.
Use the IE Dev Tools (video).
And here for more links and information.
They are built into IE 8 and can be invoked by F12.
109
If you like using Firebug, give Firebug Lite a try.
Edit: In case it's not clear, Firebug Lite is for any browser. It is created with JavaScript, it is not an extension/plugin.
This makes CSS debugging easy on IE7 and even IE6.
30
IE Developer tool .. if you are using IE8 .. just hit F12
or
click Tools -> Developer Tools
25
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
