【问题标题】：Does Flutter HapticFeedback works in PWAFlutter HapticFeedback 是否适用于 PWA
【发布时间】：2022-12-03 14:11:28
【问题描述】：
HapticFeedback 应该在 Flutter Web App 中工作吗？ PWA，如果实施得当？
以前有人让它工作吗？
是否可能需要采取任何额外的步骤来启用iPhone 上的 PWA(iOS 16) 正确振动？
Browser Logs (Chrome)：如，提示至少调用了Browser的振动API。
[Intervention] Blocked call to navigator.vibrate because user hasn't tapped on the frame or any embedded frame yet:
【问题讨论】：
标签：
ios
flutter
progressive-web-apps
flutter-web
【解决方案1】：
触觉反馈可能无法在 iOS 设备上的 Flutter 网络应用程序或 PWA 中使用，因为出于安全原因，振动 API 在 iOS 上默认被阻止。您提供的浏览器日志表明正在调用振动 API，但该调用被浏览器阻止，因为用户尚未与框架进行交互。
要在 iOS 上的 Flutter Web 应用程序中启用触觉反馈，您可以尝试向框架添加用户手势事件侦听器，例如点击或滑动事件，然后在事件侦听器回调中调用振动 API。这将允许浏览器取消阻止振动 API，并可能在您的应用程序中启用触觉反馈。
然而，值得注意的是，即使采用这种方法，触觉反馈可能仍无法在某些 iOS 设备或浏览器上工作，因为 Web 应用程序中对振动 API 的支持并未在设备和浏览器之间一致地实现。最好在各种 iOS 设备和浏览器上测试您的应用，看看是否支持触觉反馈。