początkowe okno.orientacja zawsze 0 na Windows Phone

Question

Próbuję wykryć orientację urządzenia na mojej stronie.

Wartość orientacji wydaje się być w porządku po wydarzeniu orientationchange.

$(window).on("orientationchange",function(event){alert(window.orientation);}) 

Problemem jest początkowa wartość window.orientation przy uruchomieniu strony, która zawsze wynosi 0, nawet gdy urządzenie znajduje się w pozycji poziomej.

$(document).ready(function(){alert(window.orientation);}); 

Nie zmienia to jednak po pewnym opóźnieniem (Sprawdziłem to) zmienia wartości prawego dopiero po orientationchange imprezy.

Czy istnieje sposób na uzyskanie właściwej orientacji przy uruchamianiu strony?

Answer 1

Wygląda na to, że nieruchomość nie jest obsługiwana w rzeczywistości niczym innym niż Chrome na Androida: https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation

W zależności od tego, co to jest chcesz zrobić, można użyć CSS?

@media only screen and (max-width: 999px) { 
    /* rules that only apply for canvases narrower than 1000px */ 
} 

@media only screen and (device-width: 768px) and (orientation: landscape) { 
    /* rules for iPad in landscape orientation */ 
} 

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 
    /* iPhone, Android rules here */ 
} 

Answer 2

próbowałeś zbliża ten problem tak:

$(document).ready(function(){ 
    $(window).load(function(){ 
     alert(window.orientation); 
    }); 
}); 

alternatywnie można uzyskać orientację urządzenia ręcznie:

$(document).ready(function(){ 
    alert((($(window).width()>$(window).height()) ? 90 : 0)); 
}); 

Answer 3

Właśnie testowałem go na Windows Phone i tam to działa. Z jakiego telefonu/os/przeglądarki korzystasz?