Chrome浏览器与PhoneGap应用中Device Motion功能失效问题求助

嘿，这个问题我之前帮不少开发者排查过类似情况，尤其是这种“昨天正常今天突然失效”的场景，大概率是浏览器权限更新或内核行为调整导致的，咱们一步步来分析解决：

可能的原因及解决方案 #

1. Chrome传感器权限被默认限制 #

最近Android Chrome的隐私政策更新后，默认可能会限制非交互触发的传感器访问。你可以这么操作试试：

• 打开演示页面，点击地址栏左侧的🔒图标
• 找到「传感器」权限选项，把它从「默认」改成「允许」
• 刷新页面再测试，看看acceleration数据是否恢复更新

2. 缺少用户交互触发（Chrome/PhoneGap通用） #

现在主流浏览器为了隐私保护，要求传感器API必须在**用户主动交互（比如点击按钮）**之后才能初始化，不能在页面加载完成后直接绑定监听器。你可以修改代码验证：

// 先在页面加一个触发按钮：<button id="start-sensor">开始获取运动数据</button>
document.getElementById('start-sensor').addEventListener('click', function() {
  // 点击后再注册监听器
  window.addEventListener('devicemotion', handleMotionData, true);
});

function handleMotionData(event) {
  console.log('原始加速度:', event.acceleration);
  console.log('含重力加速度:', event.accelerationIncludingGravity);
}

PhoneGap应用里也可以加入这个交互触发逻辑，应该能绕过权限限制的问题。

3. Chrome/WebView版本更新导致API行为变化 #

如果你的Chrome最近自动更新了，新版本可能对devicemotion事件的acceleration字段做了限制——只有当设备能提供高精度原始加速度数据时才会返回，否则默认只返回包含重力的accelerationIncludingGravity。

• 可以尝试找旧版本的Chrome APK安装测试，确认是不是版本更新的问题
• 对于PhoneGap，它的WebView内核和Chrome版本同步，所以也会受同样影响，若项目允许可暂时锁定WebView版本

4. PhoneGap（Cordova）的配置与插件问题 #

如果是PhoneGap应用，还要检查这两点：

• 权限配置：打开config.xml，确保添加了传感器相关权限：

<uses-permission android:name="android.permission.ACCESS_SENSOR" />
<uses-feature android:name="android.hardware.sensor.accelerometer" android:required="true" />

• 插件更新：试试更新cordova-plugin-device-motion插件，旧版本可能和新WebView不兼容：

cordova plugin remove cordova-plugin-device-motion
cordova plugin add cordova-plugin-device-motion

5. 代码兼容处理（兜底方案） #

如果上面的方法都没法解决，可以在代码里做兼容，避免因为acceleration为null导致的异常：

function handleMotionData(event) {
  // 如果acceleration为空，用含重力的数据减去重力值估算（约9.8m/s²）
  var rawAccel = event.acceleration || {
    x: event.accelerationIncludingGravity.x - 9.8,
    y: event.accelerationIncludingGravity.y - 9.8,
    z: event.accelerationIncludingGravity.z - 9.8
  };
  // 后续业务逻辑处理
}

总结 #

最有可能的原因是Chrome最新版本的隐私权限限制，要求用户交互才能激活传感器API。先试试添加点击触发的逻辑，再检查权限设置，应该能解决问题。

内容的提问来源于stack exchange，提问作者Sandu Adrian