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检查移动设备是否支持重力方向感应