To solve pesky IE-only layout and CSS issues, I'm trying to use IE9's developer tools to iteratively edit HTML and CSS. Ideally I can get parity with the DOM/CSS-manipulation workflow that I'm used to doing with Firebug and Webkit's Inspector.
In other words, I want to be able to repeatedly edit HTML and CSS of a single element or group of elements, and then see my changes reflected immediately on-screen.
I've figured out the F12 tools' "full-page" editing features, where you can edit the entire page's HTML or all CSS as a bloc, but even after several hours of using the tool, reading the online help and many Google searches, I'm still struggling with the kind of finer-grained editing that I'm used to with Firebug.
Before I give up, does anyone know how to use the F12 tools to...
If the things above are not possible with IE's F12 tools, then is there a good alternative plugin for DOM/CSS editing?
BTW, my intent with this question is not to bash the IE9 dev tools (kudos to Microsoft for including these out of the box) but to learn how to be more productive using them.
Also BTW, I've already read through 20-ish other StackOverflow questions about a firebug equivalent on IE, but most of them seem to be about javascript debugging and read-only DOM inspection. I didn't find any recent (IE9) ones about writing DOM/CSS. Hence I'm asking yet another question on this topic... my apologies if this is a dupe.
This is possible but I agree not very intuitive.
hope it helps
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