Is there a way to force IE or FF into a handheld mode for testing “@media handheld” stylesheets?

Question

Is there a way to force IE or FF into a handheld mode for testing \"@media handheld\" stylesheets?

Or, do I have to publish the pages and test with my Blackberry?

Answer 1

Web Developer Toolbar for FF lets you to test webpages media=handheld

Answer 2

I've found Blackberry browser to be so utterly broken, that testing in Firefox or even IE doesn't make sense. Netscape 4 seems like closest approximation.

If you want achieve decent experience on BB, then you have to get a BB simulator. It's available for free from RIM website (you need to click through a few forms).

If you just want to test under a mobile browser, than try Opera Mini simlator on-line or desktop Opera in Small Screen view (get version 7.6 or 8.0 from archives if you want exactly the same engine as used today on smartphones).

Or add html {max-width:240px} to your styles and for testing serve them with media=screen rather than handheld.

Answer 3

There's a simple way with media queries:

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

This will make browsers that implement media queries use your handheld css when you resize the window to less than 500px.

Answer 4

Some help on this question: What do you use to test the handheld css on your website?