FURYU Tech Blog - フリュー株式会社

フリュー株式会社の開発者が技術情報を発信するブログです。

最新版のChromeでtouch eventを有効にする方法

こんにちは。いしはらです。

久々にChrome DevToolのtouch eventを有効にしようと思い、設定画面を開いたところ、「Emulate touch events」の設定が見当たらず 設定に時間がかかってしまいました。

最新版のChromeでは下記の手順になるので 設定してみてください。

 

1.Settingアイコンをクリック

 

2.Overridesの「Show’Emulation’view in console drawer」にチェックを入れる <a onclick="javascript:

 

3.Show consoleアイコンをクリック

 

4.Emulationタブをクリックし、サイドメニューの「Sensors」を選択 「Emulate touch screen」にチェック

 

これで完了です。 カーソルが灰色の丸になっているとtouch eventが有効になっています

Chrome DevToolを非表示にしていると設定は無効になるのでご注意を。