使用Javascript從webb應用程序訪問設備指南針

Question

是否可以從Web應用程序使用Javascript在iPhone/Android設備上訪問指南針？一直在尋找全國各地的網，因爲我知道你可以用

window.ondevicemotion =功能（事件）

有誰知道，如果你可以訪問羅盤的信息訪問加速時間？

Answer 1

在iPhone上，您可以獲得像這樣的指南針值。

window.addEventListener('deviceorientation', function(e) { 
    console.log(e.webkitCompassHeading); 
}, false); 

希望得到這個幫助。

Answer 2

現在看來是跨平臺，請通過Ruadhán O'Donoghue查看這個excellent article。

對於Android，它仍然使用window.addEventListener('deviceorientation', ...)但檢查其他事件屬性（event.alpha這是羅盤定向; beta和gamma也是可用的，其代表的傾斜）。

以下是相關部分（適配）如果鏈路變得不可用：

if(window.DeviceOrientationEvent) { 
     window.addEventListener('deviceorientation', function(event) { 
     var alpha; 
     // Check for iOS property 
     if(event.webkitCompassHeading) { 
      alpha = event.webkitCompassHeading; 
     } 
     // non iOS 
     else { 
      alpha = event.alpha; 
      if(!window.chrome) { 
      // Assume Android stock 
      alpha = alpha-270; 
      } 
     } 
     } 
    } 

另一個使用示例中可以用CodePen。