【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を試してみよう+実用例
LINK
リンク
Twitter
GitHub
TAGS
タグ
LATESTS
最新の記事
POPULAR
人気の記事
- CSS2021/04/29【CSS】右寄せの方法は結局flexが一番良さそう
- React2020/07/13【JS】Reactのstyleの使い方、書き方いろいろ
- Payment2021/10/16GooglePayでVisaタッチを使う時に知っておきたい過酷な現実【追記あり】
- Others2021/07/11Slackに予約投稿機能ができて嬉しいけどそれでもまだ少し不満な理由【追記あり】
- CSS2020/04/30【CSS】tailwind.cssでよく使うデザインパターン
- CSS2019/03/30【CSS】100vhは「一画面」ではないという罠
- CSS2020/06/09【CSS】max-font-sizeやmin-font-sizeを使いたくなったら
- Vue2019/06/29【JS】Vueの:classの書き方3通り
- JavaScript2020/09/02【JS】yarnの長所とyarnからnpmに戻ってきた理由
- React2020/06/04【JS】ReactのclassNameの色々な書き方紹介