userAgentでiPad判別方法(iPadOS13以降)

iPadOS13以降のsafariでは、仕様変更があったようで「userAgent」が「Macintosh」になっているみたいです。

iPad Safari

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) ...

iPad Chrome

Mozilla/5.0 (iPad; CPU OS 16_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) ...

なので、判別方法にも追加しないといけないようです。

const userAgent = navigator.userAgent.toLowerCase()
if (/ipad|macintosh/.test(userAgent) && ('ontouchend' in document)) {
console.log('iPad')
} else {
console.log('PC')
}

参考サイト
https://qiita.com/momotaro_kawaii/items/e71f46488410e4bbf0f3