兼容最新版瀏覽器的陀螺儀的心得

記錄一下當前時間，當前時間爲2020年1月16號。

當前版本的移動端瀏覽器的權限都更新了，首先說明一下安卓系統的瀏覽器：
如果你發現你的瀏覽器陀螺儀代碼沒有改什麼，但是陀螺儀確不管用了，那肯定是你用的協議出了問題，在當前版本的瀏覽器中，需要使用https協議纔可以開啓陀螺儀，不安全的https已經不兼容了。

另外再說一下ios13，在經歷了悲催的ios12需要手動去設置中設置允許瀏覽器使用陀螺儀，在ios13中，蘋果又增加了騷操作，那就是通過js事件調用去獲取是否允許當前網址使用陀螺儀，並且還需要https協議，下面具體蘋果開啓的代碼：

        if (window.DeviceOrientationEvent && window.DeviceOrientationEvent.requestPermission) {
            DeviceOrientationEvent.requestPermission().then(r => {
            	//在這裏調用陀螺儀事件
            });
        }

DeviceOrientationEvent這個對象貌似是蘋果添加的，所以我們需要先判斷是否存在當前對象。
DeviceOrientationEvent.requestPermission()返回一個promise對象，我們可以在then成功裏面進行調用陀螺儀，

注意，第一次顯示是否允許陀螺儀，允許以後，也不會觸發then，需要頁面重新刷新一次纔可以使用。