What do you use to test the handheld css on your website?

Question

I've been adding css support for handheld to my website but haven't been able to find a good tool for testing.

I tried using the webdeveloper plugin for Firefox but it doesn't work for me. Maybe that is because all my css is in the html and not a seperate css file.

Are there any other testing tools available aside from going out and buying a handheld device?

Answer 1

With a bit of hunting I found what I was looking for, thanks for the leads guys.

Opera will display the handheld css if you select "Small Screen" from the View menu.

Answer 2

I'm not sure if it's a good idea to resurrect the old question, but I hope somebody finds it :)

There's a simple way to test handheld css with with media queries:

    @media handheld, screen and (max-width: 500px) { /* your css */ }

After that you can test on browsers that implement media queries by resizing the window to less than 500px.