Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
2
Help us understand the problem. What is going on with this article?
@nakakaz11

ios13 -> DeviceMotionEvent DeviceOrientationEvent requestPermission になるのか

More than 1 year has passed since last update.

safari で iOS12.2では 設定からの
68747470733a2f2f74796f2e73616d75726169776f726b732e6f72672f696d616765732f494d475f303939342e6a7067.jpg

でしたが、また変わった🙁。。そしてiOS13ではJS側で許可したクリックイベント作るんですね。
出典:iOS 13でデバイスの動きと方向の許可を要求する方法

自作のWebAppで実装して動作確認をしたのでメモです
DeviceOrientationEvent ←→ DeviceMotionEvent
window.addEventListener('deviceorientation' ←→ window.addEventListener('devicemotion'

bunki.js
    if (typeof DeviceOrientationEvent.requestPermission === 'function') {
      // iOS 13+
      popupOpen("requestPermissionPopup");
    } else {
      // non iOS 13+
      window.addEventListener("deviceorientation", 今までのイベント);
    }

で、13+かを判定して、
なにかUIでクリックイベントを設定して、

hoge.html
<button onclick="requestPermission()">このエリアを押して モーションの利用を許可してください (iOS 13+) </button>

13+ で許可されたイベントリスナで

bunki.js
  // for ios13
  requestPermission = ()=> {
    DeviceOrientationEvent.requestPermission().then(response => {
      if (response === 'granted') {
        window.addEventListener("deviceorientation", ios13で許可したイベント);
      }
    }).catch(console.error);
  };

で自分のWebAppでdeviceorientation動くことは確認しました。
許可の1タップがまた増えるのがなんだかなぁ。個人の設定で永続性はできないんですかねぇ。IEの記憶再び。。。🙁

chromeは今の所何もせず動いています。:追記 v78 ios requestPermission になった模様。

2
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
nakakaz11
第3回 東京公共交通オープンデータチャレンジ にて「TYO 3 BRUSHUP」が 「審査員特別賞」をいただきました🎊 https://tokyochallenge.odpt.org/2019/award/index.html

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
2
Help us understand the problem. What is going on with this article?