【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は正規表現をうまくハイライトしてくれないみたい…
【CSS】100vhは「一画面」ではないという罠
【CSS】vhは一画面でない...ならばwindow.outerHeightを試してみよう+実用例