Chromeでスマホのジャイロセンサーの値を確認する方法

自分の子供用に個人的にウェブアプリをいくつか作って触らせたりいますが、今回はスマホ(iPhone)のジャイロセンサーを使って何か作って、遊んでもらおうと思い、開発を進め・・・ようとしました。

が、いちいちスマホやタブレットで確認するのも面倒くさいので、パソコンで開発しながらでなんとかできんのかいな、と思って調べたら普通にありました。

参考:Chromeデベロッパーツールでスマホのジャイロセンサーをエミュレートする

1.デベロッパーツールを開いて、右上のメニューボタンから、「More tools」を開いて「Sensors」をクリック

2.出てきたSensorsの画面でOrientaionをCustom orientationを選択

3.下画像のようにグリグリ動かすと値が取れます。
※サンプルとしてconsole画面に「console.log」でガンマ値が出るようにしてます。