devicemotion 事件可获取设备加速度数据，通过 acceleration.z 周期性峰值识别步行步态，需滤波、动态阈值和防重复计数，且须用户手势触发并检测兼容性。
HTML5 的 DeviceMotion 事件可获取设备加速度数据，但需注意：标准中没有直接的 Accelerometer 接口（这是 Web APIs 中较新的 Generic Sensor API 提供的），目前兼容性有限；主流且实用的方式仍是通过 window.addEventListener('devicemotion', ...) 获取加速度信息，并结合算法识别步行步态。
使用 DeviceMotion 获取实时加速度数据
该事件每秒触发多次（频率取决于硬件和浏览器），提供三个方向的加速度值（含重力）：
-
event.acceleration.x / y / z：去除重力影响的线性加速度（单位 m/s²），适合步态分析 -
event.accelerationIncludingGravity.x / y / z：含重力的总加速度，常用于朝向判断 - 需监听前先检查支持性：
if ('ondevicemotion' in window) { ... } - 移动端需在用户手势（如点击、触摸）后才能启用，否则部分 iOS 浏览器会静默禁用
实现简易计步核心逻辑
步行时，人体重心上下起伏，z 轴（竖直方向）加速度会出现周期性峰值。关键步骤如下：
- 持续采集
acceleration.z（或合成加速度幅值Math.sqrt(x²+y²+z²)），滤除噪声（如用滑动平均或低通滤波） - 设定动态阈值：避免静止抖动误触发，例如只在当前值比前 N 个采样均值高一定幅度时标记为“潜在峰值”
- 防重复计数：两次有效步之间需间隔至少 300–600ms（模拟正常步频）
- 简单示例逻辑：
if (accZ > baseline + threshold && lastStepTime
提升准确性的实用建议
纯加速度计在网页中精度有限，可结合以下方式优化：
- 优先使用
acceleration（不含重力），避免手机摆放角度影响；若不可用，可用传感器融合粗略估算重力方向 - 限制仅在屏幕朝上、设备基本水平时启用（参考
rotationRate或orientation判断） - 加入“运动状态检测”：连续若干秒加速度变化微弱则暂停计步，防止口袋静置误判
- 不依赖单轴：计算三维加速度矢量模长更鲁棒，尤其适用于手机握持方向多变的场景
兼容性与权限注意事项
实际部署需考虑现实约束：
- iOS Safari 13+ 支持
devicemotion，但要求页面为 HTTPS 且用户已交互（如点击按钮后才开始监听） - Android Chrome 支持良好，但部分定制系统可能限制后台传感器访问
- 现代方案可尝试
new Accelerometer({frequency: 60})（需开启Permissions-Policy: accelerometer=(self)HTTP 头），但目前仅 Chromium 91+ 和 Edge 91+ 支持，iOS 完全不支持 - 务必在页面添加明确提示：“请允许运动传感器访问”并提供手动启用入口（如“开始计步”按钮）
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
