Storybook: デバイスオリエンテーションイベント/ジャイロスコープ(モバイルデバイス)

作成日 2019年07月25日  ·  1コメント  ·  ソース: storybookjs/storybook

バグを説明する
deviceorientationイベントでストーリーブックを使おうとすると、イベントが発生しないようです(確かではありませんが、これを引き起こしている/ブロックしている可能性のあるiframes気づきました)。 動作は、モバイルデバイスでも、開発ツールでシミュレートしても同じです。

再現するには
動作を再現する手順:

  1. deviceorientationイベントを使用してコンポーネントを作成します。これは、 DeviceOrientationEvent値のアルファ、ベータ、ガンマをログアウトすることで実装できます。
  2. コンポーネントのストーリーを書き、イベントをトリガーしてみてください

予想される行動
`deviceorientation˙イベントはストーリーでトリガーする必要があります。

システム:

  • OS:Win10
  • ブラウザ:クローム
  • フレームワーク:React
  • バージョン: "@ storybook / react": "^ 5.1.9"
question / support

最も参考になるコメント

問題はクローズできます。
安全でないオリジン(http)のiframeが原因で、モバイルデバイスでデバイスのモーション/向きイベントを受信できませんでした。 提供されたSSL証明書を使用してローカルホスト(https)サーバーでストーリーブックを実行すると、機能するはずです。

>すべてのコメント

問題はクローズできます。
安全でないオリジン(http)のiframeが原因で、モバイルデバイスでデバイスのモーション/向きイベントを受信できませんでした。 提供されたSSL証明書を使用してローカルホスト(https)サーバーでストーリーブックを実行すると、機能するはずです。

このページは役に立ちましたか?
0 / 5 - 0 評価