Testing/mocking an orientation change in Chrome? Testing/mocking an orientation change in Chrome? google-chrome google-chrome

Testing/mocking an orientation change in Chrome?


Since a desktop device doesn't have any real orientation changes, like mobile devices does have, it's no use to listen to orientationchange. You could simulate orientation by resizing the browser window though.

David Walsh wrote an article about this: http://davidwalsh.name/orientation-change


A way to test your media queries based on orientation:

The Window Resizer extension for Google Chrome enables you to view and test your site in either portrait or landscape orientation. When installed, it has a size predefined of 320 x 480 and the orientation returned by jQuery using $.event.special.orientationchange.orientation() will be "portrait". I added a new size of 480 x 320 for landscape and indicated a "Screen Type" of mobile. In 480 x 320 size, the orientation returned by jQuery using $.event.special.orientationchange.orientation() will be "landscape".

This does not allow you to test the orientation change event specifically, but it is very useful for testing media queries based on orientation.