【Java Script】スマホのときにJSを有効や無効にする方法

コーディングをしていたとき、JSをデバイスごとに表示させたいと思うことがありました。
デバイスを判別して表示/非表示をさせる備忘録です。

実装方法

スマホのときだけ有効にする

Java Script

if(navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){ //有効にしたいJSを記述 }

1 2 3

if(navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){     //有効にしたいJSを記述 }

スマホの時だけ無効にする

Java Script

if(!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){ //ここに書いた処理はスマホの時は無効 }

1 2 3

if(!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){     //ここに書いた処理はスマホの時は無効 }

まとめ

PC（パソコン）とSP（スマホ）の判別をスマホ基準で実装するやり方でした。
今ではレスポンシブは当たり前になっているので、必要に応じて使用していくのがよさそうですね。