javascript检查移动设备是否支持重力方向感应

  javascript如何检查移动设备,如手机平台是否支持重力或者方向感应。

  可以使用html5提供的重力和方向感应接口来判断。

  html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。

  目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部分低版本的系统不支持)。

引用来源:http://www.pjhome.net/article/Javascript/html5_Orientation.html

  javascript检查移动设备是否支持重力方向感应源代码如下

<title>javascript检查移动设备是否支持重力方向感应</title>
<script>
    var supportDevicemotion=false,supportOrientation=false;
    function orientationListener(e) {
        if (e.type == 'devicemotion') {
            supportDevicemotion = true;
            window.removeEventListener('devicemotion', orientationListener, false);
            document.body.appendChild(document.createTextNode('设备支持重力感应|'));
        }
        else if (e.type == 'deviceorientation' || e.type.toLowerCase() == 'mozorientation') {
            supportOrientation = true;
            window.removeEventListener('deviceorientation', orientationListener, false);
            window.removeEventListener('MozOrientation', orientationListener, false);
            document.body.appendChild(document.createTextNode('设备支持方向感应'));
        }
    }
    window.addEventListener('deviceorientation', orientationListener, false); //方向感应器  
    window.addEventListener('MozOrientation', orientationListener, false); //方向感应器 for firefox      
    window.addEventListener('devicemotion', orientationListener, false); //重力加速感应器 for iphone, android
</script>

  手机设备请扫描二维码测试效果

javascript检查移动设备是否支持重力方向感应



原创文章,转载请注明出处:javascript检查移动设备是否支持重力方向感应
评论(0)Web开发网
阅读(124)喜欢(0)不喜欢(0)JavaScript/Ajax