PHPでモバイルとデスクトップをユーザーエージェントで条件分けしたい時に便利なライブラリ、mobile detectを紹介。
![PHPでPCとスマホを判別する方法【Mobile Detect】](https://cdn-ak-scissors.b.st-hatena.com/image/square/1582b690bd7b2fd5e1f83978201b1813cf7a4b9f/height=288;version=1;width=512/https%3A%2F%2Fsyncer.jp%2Fstorage%2Fphp%2Fhow-to-use-mobile-detect%2Fstatic%2Fdst%2Feyecatch_og.png)
User-agent(UA)とは User-agent(UA、ユーザーエージェント)はブラウザなどが持っている情報で、WEBブラウザでの通信に使用するHTTPプロトコルに含まれる。例えばこんなものだ、 ●iPhone Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A334 Safari/7534.48.3 ●iPod Touch Mozilla/5.0 (iPod; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A405 Safari/7534.48.3 ●iPad Mozilla/5.0
submitボタンのスタイルがiPhone(Mobile Safari)で、テキストがずれたり、「border-radius」の角丸が期待より丸くなってしまった際の対応方法を紹介します。 Styling Submit Buttons for Mobile Safari デモページ キャプチャの元画像:協力(@sparrowSeven) この現象はデスクトップ用のブラウザ(Safari, Firefox)では起きませんでした。また、iPhoneのシミュレーター(iBBDemo2)でも確認できませんでした。iPhone4固有の現象のようです。 原因と思われるのはpaddingの値が正常に適用されていないような感じで、未対応時、対応時のスタイルシートは下記の通りです。 未対応時のスタイル HTML HTMLは非常にシンプルです。
wp_is_mobile のモバイル判別方法 wp-includes/vars.php の 101 行目で、下記のようなコードがあります。 つまり、ユーザーエージェントに下記の文言が含まれていると、モバイルと判断されます。 Mobile, Android, Silk/, Kindle, BlackBerry, Opera Mini, Opera Mobi WP Super Cache のモバイル判別方法 そしてキャッシュ機能として有名なプラグイン、WP Super Cache 。 これはモバイルにも対応していて、モバイルからのアクセスがあった場合にはキャッシュしないという機能があります。 下記がモバイルと判断されるユーザーエージェントのリスト。これらが含まれていると「モバイルからのアクセスだ」と判断されます。(2013.2.15 ver1.2) 2.0 MMP, 240×320, 400X
こんにちは。株式会社コミュニティコム代表取締役の星野邦敏です。 WordPressのバージョンが、日本語では2012年6月15日に、3.3.2から3.4にバージョンアップされました。 3.4から加わった条件分岐タグとして、 wp_is_mobile関数 があります。 これは、Webサイトを閲覧する端末のヘッダー情報を見て、パソコン用のコンテンツと、スマートフォン用のコンテンツを切り分ける、WordPressの条件分岐タグです。 具体的には、WordPressテーマに、以下のようなソースコードを記述すると、パソコン用のコンテンツと、スマートフォン用のコンテンツを、切り分けることが可能となります。 <?php if (wp_is_mobile()) :?> スマートフォン用コンテンツをココに書きます。 <?php else: ?> パソコン用コンテンツをココに書きます。 <?php endif
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く