H5-Getモバイルジャイロスコープ

直接コーディング：

// 携帯電話のジャイロスコープを取得
var updateGravity = function（event ）{ 
        
    console.log（" alpha："、event .alpha）; // X 
    console.log（" beta："、event .beta）; // Y 
    コンソール。 log（" gamma："、event .gamma）; // Z 
     
}; 
    
// windowwindow.addEventListener 
（' deviceorientation '、updateGravity、false）; のdeviceorientationイベントをリッスンします

iOSシステムにはhttps：//プロトコルが必要です。

 

現在、iOS 13以降の最新バージョンには、ユーザー権限が必要です。window.DeviceOrientationEvent.requestPermission（）;

 

$（' .Gravity '）. on（' click ' 、function（）{
     // iosは認証を要求し、promise 
    window.DeviceOrientationEvent.requestPermission（）. 
     then（state => {
         if（state === ""を返す付与された"）{ // 許可し 
            アラート（" ジャイロスコープを許可：" 州）
        } 他の IF（国家===は" 拒否"）{ //は拒否 
            アラート（" ジャイロスコープを拒否：" 、状態）
        }else  if（state === " prompt " ）{ 
            alert（" ユーザーが他の操作を実行する：" 、state）
        } 
    }）     
}）        

 

現時点では、クリック / タッチなどのクリックイベントを使用してトリガーする必要があることがわかりました。[OK]または[拒否]をクリックすると、システムは承認権限を保持し、プロンプトボックスは表示されなくなります。再承認する必要がある場合は、アプリや他のプログラムを完全に終了する必要があります。入力してください。

 テストと使用は携帯電話でのみ可能で、PCブラウザーでエラーが報告されます！

 

PCでブラウザのデバッグを使用する