Testowanie/kpinać zmianę orientacji w Chrome?

Question

Piszemy aplikację mobilną, używając jQuery mobile i wykonujemy większość debugowania javascript w Chrome. Jedną z rzeczy, których nie mogę sprawdzić, jest zmiana orientacji, z portretu na krajobraz i odwrotnie. Aby wywołać to zdarzenie, muszę użyć telefonu i nie mogę debugować zdarzenia window.orientationchange javascript bez Chrome.

Albo tak by się wydawało. Czy jest jakiś sposób na kpiny z tego wydarzenia w Chrome?

Answer 1

Ponieważ urządzenie stacjonarne nie ma żadnych rzeczywistych zmian orientacji, tak jak ma to miejsce w urządzeniach mobilnych, nie ma sensu słuchać orientationchange. Można jednak symulować orientację, zmieniając rozmiar okna przeglądarki.

David Walsh napisał artykuł na ten temat: http://davidwalsh.name/orientation-change

Answer 2

sposób na sprawdzenie zapytania mediów ze względu na orientację:

Rozszerzenie Okno Resizer dla Google Chrome pozwala na przeglądanie i przetestować swoją witrynę w orientacja pionowa lub pozioma. Po zainstalowaniu ma predefiniowany rozmiar 320 x 480, a orientacja zwrócona przez jQuery za pomocą $ .event.special.orientationchange.orientation() będzie miała wartość "portret". Dodałem nowy rozmiar 480 x 320 dla krajobrazu i wskazałem "Typ ekranu" urządzenia mobilnego. W rozmiarze 480 x 320 orientacja zwrócona przez jQuery za pomocą $ .event.special.orientationchange.orientation() będzie "krajobrazowa".

To nie pozwala na przetestowanie zdarzenia zmiany orientacji, ale jest bardzo przydatne do testowania zapytań o media na podstawie orientacji.