HTML5中如何调用手机重力感应的接口

刚刚过去的一年里基于微信的H5营销可谓是十分火爆，通过转发朋友圈带来的病毒式传播效果相信大家都不太陌生吧，刚好最近农历新年将至，我就拿一个“摇签”的小例子来谈一谈HTML5中如何调用手机重力感应的接口。

演示代码：摇一摇，万福签

什么是重力感应

说到重力感应有一个东西不得不提，那就是就是陀螺仪，陀螺仪就是内部有一个陀螺，陀螺仪一旦开始旋转，由于轮子的角动量，陀螺仪有抗拒方向改变的特性，它的轴由于陀螺效应始终与初始方向平行，这样就可以通过与初始方向的偏差计算出实际方向。

手机中的方位轴

在Web应用中调用手机陀螺仪接口

//摇一摇(使用DeviceOrientation事件, 本质是计算偏转角)

//测试中发现有些设备不支持

if(windowDeviceOrientationEvent){

$(window)on('deviceorientation', function(e) {

if (isStarted) {

return true;

}

if (!lastAcc) {

lastAcc = e;

return true;

}

var delA = Mathabs(ealpha - lastAccalpha);

var delB = Mathabs(ebeta - lastAccbeta);

var delG = Mathabs(egamma - lastAccgamma);

if ( (delA > 15 && delB > 15) || (delA > 15 && delG > 15) || (delB > 15 || delG > 15)) {

start();

}

lastAcc = e;

});

//摇一摇(使用DeviceMotion事件, 推荐,应为可以计算加速度)

if(windowDeviceMotionEvent) {

var speed = 25;

var x, y, z, lastX, lastY, lastZ;

x = y = z = lastX = lastY = lastZ = 0;

windowaddEventListener('devicemotion', function(event){

var acceleration = eventaccelerationIncludingGravity;

x = accelerationx;

y = accelerationy;

if(Mathabs(x-lastX) > speed || Mathabs(y-lastY) > speed) {

start();

}

lastX = x;

lastY = y;

}, false);

}

摇一摇的代码判断逻辑

var isStarted = false;

// 开始摇签

function start() {

isStarted = true;

$('qiancover')hide();

$('decode')hide();

$('result')show();

// setTimeout(showDecode, 3000);

}

// 显示正在解签

function showDecode() {

$('result')hide();

$('decode')show();

setTimeout(jumpToDecode, 3000);

}

// 跳至签文页面

function jumpToDecode(){

var urls = ["#", "#"];

var jumpTo = urls[parseInt(Mathrandom() urlslength)];

windowlocation = jumpTo;

};

示例代码： https://githubcom/lionrock/HTML5-Example/tree/master/wechat-divination

参考文档： DeviceOrientation Event Specification

来源：http://xunlixyz/2016/01/12/html5-device-shake/utm_source=tuicool&utm_medium=referral

苹果手机重力感应设置：

工具/原料：iphone8plus、iOS154、设置101。

1、首先我们输入手机屏幕密码解锁。

2、然后我们将手机调整至主界面。

3、接下来我们上滑屏幕即可出现控制面板，点击图中所示“锁头”标志即为苹果手机重力感应。

4、最后我们会发现屏幕右上方显示锁头标志即可。

方法如下：

方法一：通过控制中心设置（iphone、ipad通用）

在屏幕底部向上滑动屏幕以打开“控制中心”界面。在此界面中，有一个带有箭头的圆圈，圆圈内是锁状的按钮就是“锁定屏幕旋转”按键。当此按钮高亮显示并且图标中的锁为闭合状态时，就表示“锁定屏幕旋转”生效了。

方法二：通过侧边开关设置（ipad）

1、使用侧边开关可以开启或关闭屏幕旋转。但是要事先设置侧边开关的功能。侧边开关有两种功能：锁定屏幕旋转和静音。

2、首先，我们要设置侧边开关的功能为“锁定屏幕旋转”。打开设备中的“设置”界面，然后定位到“通用”界面，如图所示。在通用界面的“侧边开关用于”下点击选择“锁定屏幕旋转”即可。

3、这样，当您关闭开关时，开关旁边的红色圆圈就会显示，表示您锁定了屏幕旋转。调出控制中心后，会发现里面没有快捷设置屏幕旋转的按键，是因为您设置了侧边开关的“锁定屏幕旋转”功能。

扩展资料：

苹果iPad 3G版使用的是Micro SIM卡，尺寸和标准大小的SIM不同，因此标准大小的SIM并不能直接放到iPad 3G版内使用。不过测试表明，国内标准大小的SIM卡是可以通过DIY的方式剪成Micro SIM大小正常使用的。

iPad 3G版支持WCDMA网络和GSM网络，经实际测试，发现中国联通186号段的3G SIM卡和中国移动动感地带SIM均可以剪卡后正常使用。使用DIY后的SIM卡可以正常上网，并且可以使用iPad 3G内置的A-GPS进行定位。

iPad上的大多数连接国外网站的服务由于相关限制，除使用商业***登陆，否则无法直接使用。

新版iPads集成了单频80211ac网络适配器。这些iOS Wi-Fi客户端可以连接到80211ac、双频80211n或者80211a AP或路由器，所有这些都使用5 GHz带宽。

集成了80211bg或单频80211n网络适配器的老版iOS Wi-Fi客户端，可以连接到80211b、80211g、80211n AP，所有这些都使用24 GHz带宽。

想知道你的无线网络AP或路由器支持哪种80211标准，查看下面的“Wi-Fi认证”标识，或者在Wi-Fi联盟网上搜索Wi-Fi认证产品。 

：ipad

手机充电慢建议进行以下操作：

1关机充电测试。

2更换充电位置，排除插座接触不良引起时断时续导致的充电慢

3如果条件允许更换备用充电器进行测试。或送修检测一下

4开机充电时，如手机装有充电医生之类的第三方插件，建议卸载后测试。

5检查手机充电接口是否有异物，如进液，有杂物而导致手机充电接口与充电器接触不良引起的充电慢，如果此情况建议尽快送修

6备份手机数据（电话簿、短信、等），将手机恢复出厂设置（进入手机设定-重置-恢复出厂设置）。

您好。

手机进水是非常严重的问题的，开不了机，说明主板硬件损坏手机无法使用。

手机进水主要分两种情况：

1手机渗入清水，一般会导致手机元件遇水短路烧毁。

2手机渗入盐水，碱水等带有腐蚀性的液体，会腐蚀主板元件的。

这样造成的损耗都是不可修复的，一般都只能通过更换主板解决，费用较高，用户需要自己承担相关的费用。

一般来说进水后，应立即扣电池，如果是内置电池的，可以长按电源键紧急关机，然后放到通风温热的地点晾干，如果有能力，建议立刻拆机清理进入的液体，彻底晾干后十个小时后再开机测试。