如何通过Web Vibration API控制振动的幅度/强度？

当前标准的Web Vibration API（window.navigator.vibrate）不支持设置振动的幅度、强度或尖锐度，它仅能控制振动时长或振动-暂停的模式序列，这是API本身的设计局限。针对你的需求，可根据不同平台尝试以下方案：

Android端（Chrome浏览器） #

Chrome for Android支持非标准的VibrationEffect接口，允许你设置振动幅度：

// 先检查浏览器支持性
if (navigator.vibrate && window.VibrationEffect) {
  // 创建幅度为10的弱振动（幅度范围1-255，1最弱，255最强）
  const subtleVibration = new VibrationEffect({
    duration: 5,
    amplitude: 10
  });
  navigator.vibrate(subtleVibration);
}

注意：这是Chrome专属的非标准特性，其他Android浏览器可能不支持。

iOS端（Safari浏览器） #

目前Safari没有提供可控制振动强度或尖锐度的Web API，只能通过调整振动时长来尽量弱化效果，比如尝试更短的时长：

navigator.vibrate(3); // 用3ms替代5ms，可能会更微妙

另外，iOS的系统默认轻触反馈（如按钮点击的触觉）是由系统控制的，Web应用无法直接调整其参数。

跨平台兼容方案 #

如果需要覆盖更多浏览器，目前只能接受Web Vibration API的限制，通过测试不同时长（如2-5ms）来找到各设备上最微妙的效果，或者放弃自定义振动，依赖浏览器/系统的默认触觉反馈行为。

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