JavaScriptに関するお知らせ

SINCE2019
>
【JS】PCかスマホかをワンライナーで確認

【JS】PCかスマホかをワンライナーで確認


こんにちは!今日はタイトル通りの小ネタです!

端末がスマホならtrue、PCならfalseとなります。どうぞ

;/iPhone|iPod|iPad|Android/i.test(window.navigator.userAgent)

これだけだとあれなので、vuexのコード例でも載せときます。gettersにisSP関数を作り、この戻り値によってCSSの切り替え等を行うといい感じですね :)

export const getters = {
  isSP: () => /iPhone|iPod|iPad|Android/i.test(window.navigator.userAgent),
}

【追記】highlight.jsは正規表現をうまくハイライトしてくれないみたい...



PREV
2019-03-30
【CSS】100vhは「一画面」ではないという罠

NEXT
2019-04-03
【CSS】vhは一画面でない...ならばwindow.outerHeightを試してみよう+実用例