Storybook: 设备定向事件/陀螺仪(移动设备)

创建于 2019-07-25  ·  1评论  ·  资料来源: storybookjs/storybook

描述错误
尝试将故事书与deviceorientation事件一起使用时,似乎未触发该事件(不确定,但注意到iframes可能会导致/阻止此事件)。 行为在移动设备上或使用开发工具进行模拟都是相同的。

重现
重现行为的步骤:

  1. 使用deviceorientation事件创建组件,该事件可以通过注销DeviceOrientationEvent值alpha,beta,gamma来实现
  2. 为组件编写故事并尝试触发事件

预期行为
“ deviceorientation”事件应在故事中触发。

系统:

  • 操作系统:Win10
  • 浏览器:chrome
  • 框架:React
  • 版本:“ @ storybook / react”:“ ^ 5.1.9”
question / support

最有用的评论

问题可以解决。
事实证明,具有不安全来源(http)的iframe导致无法在移动设备上接收设备运动/方向事件。 使用提供的SSL证书在localhost(https)服务器上运行Storybook,它应该可以工作。

>所有评论

问题可以解决。
事实证明,具有不安全来源(http)的iframe导致无法在移动设备上接收设备运动/方向事件。 使用提供的SSL证书在localhost(https)服务器上运行Storybook,它应该可以工作。

此页面是否有帮助?
0 / 5 - 0 等级