Ориентация устройства HTML5 - надежная реализация компаса?

Question

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

 var updateDirection = function (evt) { 
      $("#direction").val(evt.alpha); 
     }; 

     window.addEventListener("deviceorientation", updateDirection); 

Основываясь на том, что я исследовал до сих пор, альфа-канал события должна быть позиция компаса. Тем не менее, я наблюдал (и читал), что существует множество реализаций на основе ОС и браузера.

• На моем HTC смартфон, в Chrome или браузере Android по умолчанию, я только получить разумное чтение (0 градусов = Север, 90 = Восток, так далее), когда я держу телефон строго вертикально в «селфи» должность. Любой угол по отношению к телефону забрасывает показания довольно далеко.
• На моей поверхности Pro с использованием Chrome я не могу получить чтение больше, чем около 50.
• На моей поверхности Pro с использованием Edge я получаю очень разумные показания, но только когда я держу устройство горизонтально, как если бы оно лежала на столе.

Похоже, что люди достигли направления компаса в мобильном браузере независимо от устройства. Есть ли какая-то библиотека, которую я могу использовать для этого? Или это надо просто код для различных конкретных сценариев, как в этом примере, что также не работают для всех перечисленных устройств:

Device Orientation Events

Answer 1

Это действительно необходимо для того, чтобы использовать JavaScript, чтобы найти ориентация?

Вы могли бы достичь того же результата с CSS media queries