PHPでメディアクエリ|スマホ・タブレット・PCの切り分け

この記事は約2分で読めます。
広告

CSSやjQueryでは、よくやるメディアクエリの指定。
PHPでも同じことができる!
PHPでメディアクエリする時、いい点はブラウザでソースを表示した時、他のコードがソースに表示されないからきれいに見える。
さらに、javascriptの処理みたいに一瞬、ガクッとなることが無い。
悪い点は、PHPなので読み込み時に1度だけしか実行できない。ウィンドウサイズを変えた時とか変化しない。
ウィンドウサイズを変更するたびにjavascriptで毎回リロードすればイケるけど、それは変だからやらない。

PHP

<?php
$ua = $_SERVER['HTTP_USER_AGENT'];
if ((strpos($ua, 'Android') !== false) && (strpos($ua, 'Mobile') !== false) || (strpos($ua, 'iPhone') !== false) || (strpos($ua, 'Windows Phone') !== false)) {
?>
//スマホ

<?php } elseif ((strpos($ua, 'Android') !== false) || (strpos($ua, 'iPad') !== false)) { ?>
//タブレット純

<?php } else { ?>
//PC

<?php } ?>
エンデ・バタローをフォローする
PHP

埼玉県北本市に越してきて2年と少しになります。以前は東京都の京王線沿線に、その前は神戸の三宮、さらにその前は名古屋の八事霊園近くに住んでいました。

怖い話が大好きで、ネット怪談、ホラー小説、心霊Youtuber(オウマガドキch、ゾゾゾ)を寝る前のお供にしてます。

フロントエンドエンジニアとして9年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。

仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。

エンデ・バタローをフォローする
広告
初めてのブログ

コメント

タイトルとURLをコピーしました