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

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

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;
}

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

Нильс


javascript jquery orientation device-orientation heading
person nielsv    schedule 16.05.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать 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.

person Mimo    schedule 16.05.2013