1. ホーム
  2. javascript

[解決済み] JavaScriptでAndroid端末の回転を検知する機能

2022-04-23 19:40:25

質問

iPhoneのSafariで、画面の向きや向きの変化を検出するために onorientationchange イベントとクエリ window.orientation の角度を指定します。

Android携帯のブラウザで可能でしょうか?

はっきり言って、Android端末の回転を検出できるかどうかを聞いているのです ジャバスクリプト を標準的なウェブページで実行します。iPhoneでは可能なので、Android携帯でも可能なのかなと。

解決方法は?

Android のブラウザで向きが変わったことを検出するには、リスナーを orientationchange または resize イベント window :

// Detect whether device supports orientationchange event, otherwise fall back to
// the resize event.
var supportsOrientationChange = "onorientationchange" in window,
    orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

window.addEventListener(orientationEvent, function() {
    alert('HOLY ROTATING SCREENS BATMAN:' + window.orientation + " " + screen.width);
}, false);

をチェックします。 window.orientation プロパティを使って、デバイスの向きを把握することができます。Android携帯の場合。 screen.width または screen.height は、デバイスを回転させることによっても更新されます。(iPhoneではこの限りではありません)。