zoukankan      html  css  js  c++  java
  • javascript检查移动设备是否支持重力方向感应

     javascript如何检查移动设备,如手机平台是否支持重力或者方向感应。
    
      可以使用html5提供的重力和方向感应接口来判断。
    
      html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。
    
      目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部分低版本的系统不支持)。
    
    引用来源:http://www.pjhome.net/article/Javascript/html5_Orientation.html
    
      javascript检查移动设备是否支持重力方向感应源代码如下
    
    -收缩HTML代码  运行代码  [如果运行无效果,请自行将源代码保存为html文件运行]
    <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>
  • 相关阅读:
    利用Fck的javascriptAPI创建fck编辑器
    ExtJs学习笔记(6)_可分页的GridPanel
    SqlTransaction 数据库编程事务使用示例
    ExtJs学习笔记(5)_Ajax示例
    [转贴]三种Ext提交数据的方法
    ExtJs学习笔记(15)_fit布局
    证书创建工具 (Makecert.exe)
    学习ExtJs的几个资源(好多是中文的哦)
    DateTime在ExtJs中无法正确序列化的问题
    ExtJs学习笔记(2)_Basic GridPanel[基本网格]
  • 原文地址:https://www.cnblogs.com/yzryc/p/6249349.html
Copyright © 2011-2022 走看看