レスポンシブだけじゃいられない？時と場合によるユーザーエージェント判別の方法
レスポンシブだけじゃいられない？時と場合によるユーザーエージェント判別の方法 2013.06.14 | 初心者向け | 覚えておきたい 先週、某iPhoneアプリをリリースした際に公式サイトを担当したネイビーです。 iPhoneアプリだから公式サイトはiPhoneで見れればいい！というわけではないんですね。知りませんでした。だったらレスポンシブで！と行きたいものの、ニョーンと伸び縮みするスタイルが万人受けするものでもありません。 iPhone向けとPC向けのページを作ってユーザーエージェントで振り分ける方針が決まりつつ、いつどこで判別したらよいものか？リリース前日まで悩んでしまいました。 PHPによる判別 スマホ向けとPC向けのコンテンツを振り分ける際にまず思いつくのは、サーバ側のプログラムでユーザーエージェントを判別して処理を分岐する方法です。端末によってコンテンツの種類や量を調節したり
スマホからのアクセスを判別して動作を切り替えるCSS、PHP、Javascript、.htaccess - WeBridge｜WeBridge
スマホからのアクセスを判別して動作を切り替えるCSS、PHP、Javascript、.htaccess CSSで切り替える デバイスの幅によって動作をきりかえます。下記だと最大幅480pxの場合は「sp.css」を参照します。 <link rel="stylesheet" type="text/css" media="only screen and (max-device-width:480px)" href="./layout/sp.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-device-width:481px)" href="./layout/pc.css" /> PHPで切り替える ユーザーエージェントを判別してPHPで条件分岐します。 <?php $ua=$_SERVER['HTTP_U
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CV
