サウウェブ

B'z、映画、海外ドラマ、スケボー、車、BUMPのブログ

WEB

ウィンドウサイズで読み込むJavascriptを切り替える方法

2017/05/20  |  20,120 views

スマホ,メモ,WEB,HTML,PC,computer

パララックスのページを作成しているときにパララックスのjsが邪魔してたので、読み込まないようにする方法をまとめました。

スポンサーリンク

ウィンドウサイズで読み込みJSの切り替え

レスポンシブサイトの制作時にPCで読み込んでいるjavascriptを変更したいときに使用するコード。

PCサイトでパララックスのページを制作していて、スマホ表示では真っ白になる現象が起きたので、調べるとでparallax.jsが悪さしてるみたい。そこでスマホ表示のとき、つまりブラウザのウィンドウサイズが649pxのときにはparallax.jsを読み込まないようにしました。

 

ユーザーエージェントで読み込むjavascriptを切り替える方法

ウィンドウサイズだと、今度はiPadとの判別が難しくなるので、ユーザーエージェントで判別して読み込むjavascriptを切り替えるコードも書いときますね。

この記事が気に入ったら
いいね ! しよう

-WEB