views:

181

answers:

5

(Tried to find simular questions / duplicates, failed)

I develop on a mac. I love my mac. I develop using Chrome, Firefox, and Safari. I love them all for different reasons.

But I have to develop for Internet Explorer users as well.

I know, I am not unique here.

I enjoy using the webkit inspector / firebug to mess with CSS. One of the biggest issues I've found when testing ie6-8 is the inability to edit CSS on the fly. The back and forth to a VM or an actual pc, trying something in CSS, saving, reloading in IE, failing, and repeating, leads to a slow development process.

So, on to my actual question.

Is there any sort of online emulator/simulator for various internet explorer versions? Something that somehow renders the page using the ie engine, but still allows me to use my inspector?

Is this even possible?

A: 

Something like BrowserShots?

David
No, not just a screenshot. I want to be able to interact with the site. I want to be able to right click an element, inspect it, edit the css, etc.
hookedonwinter
@hookedonwinter: Ah, in that case I don't think any online tool is going to suit you, since it'll always be at least abstracted behind your own browser and therefore not a good test. VMs will probably be your most accurate approach for testing. The tools won't be as good across the board, but unless you're actually using the target browser then you're not really testing for the target browser.
David
@David that's what I'm afraid of. Hopefully someone will know of some random awesomeness that will benefit us all. Like jsfiddle for ie or something sweet like that.
hookedonwinter
A: 

Just stick with the virtual machine: If you're running Internet Explorer 8 you'll be able to activate the developer window using F12. There you're able to edit CSS as well as HTML on the fly without saving/reloading the page.

Mario
That's my current solution, but the dev window is abysmal when compared to firebug or something similar.
hookedonwinter
+1  A: 

Adobe Contribute provides a snapshot service also, but it's not free.

Here's the developer toolbar for IE 6 and 7.

Marcus Adams
You can use the Dev Toolbar to edit CSS on the fly.
jeffamaphone
+2  A: 

You could try Firebug Lite

It's a pure JavaScript-implementation of Firebug that runs directly in any browser (at least in all major ones: IE6+, Firefox, Opera, Safari and Chrome)

You'll still need the VM to actually run IE, but at least you'll get a quicker testing cycle.

Jakob
Definitely a step closer
hookedonwinter
+2  A: 

I just realized that there's yet another option. I've heard a lot of good things about this service: Litmus Alkaline.

"Alkaline tests your website designs across 17 different Windows browsers right from your Mac desktop in seconds. No need for virtual machines, Windows licenses, or any messing around with Windows Update."

Jakob
I've not used it myself (yet) but it appears to be screenshots only, so it might not be a relevant answer. Still, someone else might find this solution useful.
Jakob
Just installed it. It is screenshots only, but it's still pretty slick. Doesn't really help with any ajax content, but ya.. pretty cool
hookedonwinter