レスポンシブ+スマホ判別&切り替え

ハダカJapanは、完全なレスポンシブWeb構成。スマホで見せたくないブロックやリストは、すべて display:none; でやっていました。ただこれは、表示されないだけであって、実際にはHTMLソースも画像ファイルもパケットでは流れていて見せていないだけ。なら、初めから表示させなければいいと思い、サイドバーの部分を表示させるとき、スマホかどうかを判別し、スマホの場合は表示自体をさせないことにした。

スマホ判別プログラ: mobiledetect
http://ctr34.smp.ne.jp/

使い方は簡単なので、とりあえずこれで様子を見る。

おすすめ