Горизонтальный заголовок с ориентацией устройства

Question

Я хочу использовать событие ориентации устройства, чтобы проверить заголовок мобильного устройства. Это то, что я делаю:

if (window.DeviceOrientationEvent) { 
    window.addEventListener("deviceorientation", handleOrientation, false); 
} 
else{ 
    alert("Device Orientation is not available"); 
} 

В моей функции handleOrientation я могу иметь альфа, бета, гамма. Но я хочу иметь заголовок устройства. Когда ложишься устройство и сделать что-то вроде этого:

function handleOrientation(orientData) { 

    //var absolute = orientData.absolute; 
    //var alpha = orientData.alpha; 
    //var beta = orientData.beta; 
    //var gamma = orientData.gamma; 
} 

Как я могу получить заголовок устройства из указанных выше значений?

Niels

Answer 1

Вы можете использовать window.orientation, но обратите внимание: различные устройства возвращает разные значения.

function handleOrientation() { 

    switch(window.orientation) 
    case 0: 
    // do your stuff 
    break; 
    case -90 
     .... 
} 

window.addEventListener('onorientationchange', handleOrientation); 

iPhone имеет: (от https://developer.apple.com/library/safari/#documentation/DataManagement/Reference/DOMWindowAdditionsReference/DOMWindowAdditions/DOMWindowAdditions.html)

0 => портретной ориентации. Это значение по умолчанию.

-90 => Пейзажная ориентация с экраном повернута по часовой стрелке.

90 => Пейзажная ориентация с экраном повернута против часовой стрелки.

180 => Портретная ориентация с перевернутым экраном. Это значение в настоящее время не поддерживается на iPhone.