スマートフォンやガラケー、PCを判定したい時に使えるコードを書いてみました

カテゴリ:Web制作タグ:,

Web制作ネタということで、メジャーどころのデバイスを判定するための関数を作ってみました。
デバイスによって出力するものを変えたい場合やCSSを切り替えたい場合などに役立つかなーと思います。

この記事のメニュー

  1. コードを作るに至った経緯
  2. functions.phpにコードを追加する
  3. 判定したい箇所で書くコード

以前運営していたサイトの時に作ったコードですが、汎用性はあると思ったので公開させていただきました。
WordPressには、3.4から使えるwp_is_mobile()関数はありますが、ガラケーの判定には使えないのでどうせならとまとめるために作っただけなんですが…
今回はWordPressで使う場合の説明を書きますが、PHPを使っているものなら関係なく使えます。

まず、functions.phpに下記コードを追加します。
※コードにマウスカーソルを合わせると出る「紙が2枚重なっているアイコン」を押すと全選択されるのでCtrl+Cを押してコピー可能です。

※コードにマウスカーソルを合わせると出る「紙が2枚重なっているアイコン」を押すと全選択されるのでCtrl+Cを押してコピー可能です。

functions.phpにコードを追加し終わったら、判定を行いたい箇所で下記のような記述を行います。
※コードにマウスカーソルを合わせると出る「紙が2枚重なっているアイコン」を押すと全選択されるのでCtrl+Cを押してコピー可能です。

※コードにマウスカーソルを合わせると出る「紙が2枚重なっているアイコン」を押すと全選択されるのでCtrl+Cを押してコピー可能です。
これで端末によって処理を分けたい時などに簡単に使う事が出来ます!

あくまで簡単な判定をするためのコードなので、UA偽装などによりUA情報が変更されている場合などについては正しい判定は行われません。
また、判定可能なデバイスなどはご自分で追加することも出来るので、もっと使いやすくいじってみてください!

あとでよむ / みんなにシェアする

このエントリーをはてなブックマークに追加
LINEで送る

コメントをする / みる

コメントを残す

コメントはまだありません。

検索する

カテゴリ一覧

タグ一覧

お知らせ アクセス解析 アプリケーション ゲーム サーバー スニペット プラグイン 動画 日記 Laravelパッケージ Laravel3 Laravel4 Tips Webサービス Webデザイン WordPress

最近投稿された記事

つぶやき

【GIGAZINE読者限定早い者勝ち】無料でDropbox・Googleドライブなどのクラウドを自由自在に同期・一括管理できる「まとめてクラウド」が先着5万人48時間だけゲット可能 - GIGAZINE gigazine.net/news/20151010-…

約2年前

離れていてもコミュニケーションが取りやすい便利なサービス「Remotty」 #remotty remotty.net

約2年前

RT @localdisk: メジャーどころがたくさん / 【セキュリティ ニュース】「WPTouch」など多数のWordPressプラグインに脆弱性(1ページ目 / 全1ページ):Security NEXT security-next.com/057930

約2年前

Javascript フレームワーク「Aurelia」aurelia.io

約2年前

dockerで起動済みのコンテナに対して何かしたい時は、docker exec -it コンテナ名 /bin/bashで入って実行したり、docker exec -it コンテナ名 supervisorctl restart nginxみたいな事も出来て便利。

約2年前

サーバー移転完了に伴いサイトの閲覧も可能な状態になりました。移転作業中にご訪問いただいた方には大変ご迷惑をおかけいたしました。今後このようなことがないよう気をつけて参ります。

約2年前

現在当サイトが閲覧出来ない状態となっております。こちらはサーバーの移転作業に遅れが生じているためとなっております。ご利用いただいている方にはご迷惑をおかけいたします。

約2年前

WordPress4.1.1(日本語版)が利用出来るようになりました wp.me/p4RkJY-Dj

約3年前

RT @keito_jp: Twitterをサマーウォーズ的に表示させるやつを製作中。遊んでみてね。 open.moo.jp http://t.co/gIgp5Gh6qW

約3年前

任天堂、YouTubeの広告収入を動画制作者とシェアする「Creators Program」サービス開始 | Game*Spark - 国内・海外ゲーム情報サイト s.gamespark.jp/article/2015/0…

約3年前

↑上へ戻る