Webフロントエンド - PHPでiPadとiPhoneのユーザーエージェント (User-Agent) を取得 | ブログ | STUDIO BUS STOP | 香川県高松市
先日、 WebサイトをiPadにも対応させてみようかと思っていると、Twitterのタイムラインに、iPad Detection Using JavaScript or PHPという記事を発見。 ご覧になっている方も多いかと思います。 User-Agentを判別した後、それをどう使うかは状況によって様々だとは思いますが、記事で紹介されている内容をCSS振り分けに使うとどう なるのか、試しにやってみました。 共通のテンプレートで条件分岐させるなら、とりあえずPHPで判別するのがラクなので・・・ $isiPhone = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone'); $isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad'); これで、iPhoneとiPadを判別できる、はず。
【CSS】iPadだけにCSSを適用する方法:</gecko>：げことじ。：日常からWEBまで：
結論から言うとjavascriptでUserAgentを参照して振り分けるしかない。 linkやcss内の@mediaでどうにかなるもんだと思ってましたが。 <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /> どうやら↑では”iPadオンリー”は無理です。 結局UserAgentを見るしかない。 var iPad = /iPad/.test(navigator.userAgent); if(iPad){ //iPadだけに適用させたい記述 } 長くなるので無理な理由、検証、iPadだけにcssを適用させるjsは以下に。 目次 最初に調べたエントリー linkタグのmedia属性で判別する方法 landscapeモード
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
