IOS系统中H5页面实现摇一摇功能

公司准备开年会了，年会活动用了一套别人的系统，根据测试，有些游戏的摇一摇功能在IOS上无法使用，为了修复该功能，踩了一些坑，特此记录如下：

1. 因为IOS系统的安全要求，项目必须是在https的域名下；

2. IOS系统13.3以后必须用户授权，才能使用重力与方向；

3. 用户授权时必须是手动触发完成，这点特别重要，比如点击一个按钮；

以下是代码实现，方便大家作参考：

    
        
        
        
            button {
                width: 200px;
                height: 60px;
                font-size: 18px;
                text-align: center;
                position: fixed;
                left:50%;
                top:50%;
                transform: translate(-50%,-50%);
            }
        
    

    
        点击授权