@ledsun blog

無味の味は佳境に入らざればすなわち知れず

Google ChromeのSimulate mobile devicesのタッチ操作が無効になるのはいつか?

Google Chormeでは、スマートフォンなどでの見た目を確認するのに便利なSimulate mobile devicesという機能があります。

この機能を有効にすると、タッチ操作が有効になります。 例えば次のJavaScriptの式で、タッチ操作が有効であるか確認できます。

'ontouchstart' in window ||
navigator.maxTouchPoints > 0 ||
navigator.msMaxTouchPoints > 0

さて、このタッチデバイスの判定はいつtrueになっていつfalseになるでしょうか? Toggle Device Toolbarをしたときです。 チェック状態であればtrueになります。 では?チェックを外したら、falseになるのでしょうか?

実はURLを読み込んだ時にToggle Device Toolbarがチェックされているかによって違います。

URLを読み込んだ時にToggle Device Toolbarがチェックされている場合

gyazo.com

チェックを外してもtrueです。

URLを読み込んだ時にToggle Device Toolbarがチェックされていない場合

gyazo.com

チェックを外すとfalseになります。

バージョン: 92.0.4515.159(Official Build) (x86_64)で確認しました。

参考