iPadOSのUserAgent判別
Mozilla/5.0 (Macintosh; Intel Mac OS X 1015) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.1 Safari/605.1.15
区別がつかないのでやめてほしい
iPadOS版のChromeは、UserAgentにiPadという文字列が含まれている
えらい!!
Mozilla/5.0 (iPad; CPU OS 13 1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/77.0.3865.69 Mobile/15E148 Safari/605.1
Chrome devtoolでiPadを選択した場合もコレを返す
iPadOSである事を確認する方法
タッチ操作できると
document.ontouchstartやdocument.ontouchendがある
nullがセットされている
タッチ操作できない場合(MacOS等)
document.ontouchstart === undefined
タッチ操作できる場合(AndroidやiOS、iPadOS、ChromeOS等) document.ontouchstart !== undefined
iPad確認
/Mac OS/.test(navigator.userAgent) && document.ontouchstart !== undefined
Scrapboxでは
UIを2つに分けている
タッチ操作ができるデバイス
マウスやキーボードがあるデバイス
Chromebookの場合
タッチ操作はできるが、マウスやキーボードも付いている
マウスやキーボードを使わせる