JavaScriptでデバイスを判別する方法 ユーザーエージェント（navigator.userAgent）の基本をサンプルコードとともに解説 | Promapedia（プロマペディア）
Webサイトによっては、ユーザーのデバイスによって表示するものを変えることがあります。 最近ではCSSを使ってデバイスに応じたコンテンツを表示しています。 CSSではメディアクエリを使ってデバイスの画面幅で判断していますが、例えば「画面幅が1200px以上だったらデスクトップパソコンのモニターだと考えてデスクトップパソコン用のバナーを、1200px未満であればタブレットやスマートフォン用のバナーを表示させる」という設定をします。 しかし、CSSでは画面幅以外で判定を行うことはできないため、画面幅が同じデスクトップのモニターとタブレットを区別することができません。 この場合、どうすればよいのでしょうか？ ユーザーが使用しているデバイスに応じて表示内容を変えたい場合は、JavaScript を使い、表示を切り替える方法があります。 今回はユーザーエージェントの情報を使い、JavaScriptで
【WordPress】スマホ対応必須！User-agent(UA)判定ロジックのサンプルコードとPC/Macからのテスト方法を紹介します - アナザーディメンション
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
[WP] wp_is_mobile と iPad と WP Super Cache の怖い関係 - @mekemoke
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
![[WP] wp_is_mobile と iPad と WP Super Cache の怖い関係 - @mekemoke](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6c5688e0b4da270f693e6b4104eee0b61de12b0/height=288;version=1;width=512/https%3A%2F%2Fmekemoke.jp%2Fwp-content%2Fuploads%2F2019%2F01%2F1360923927_102866-wordpress-240x240.png)
iPhone, iPadで表示中のウェブページのソース表示ができるブックマークレット -Snoopy
iPhone, iPad, (iPod Touchも）などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。 Snoopy View-source bookmarklet for iPad, iPhone and other mobile devices [ad#ad-2] Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。 ※キャプチャはiPod Touchです。 ソース表示 ソースはモバイルデバイス用に生成されたソース、元のソース、の2種類が選択できます。 [ad#ad-2] Snoopyの使い方 Mobile Safari -iPhone, iPad, iPodなど 最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPad・iPhoneのSafariで背景が切れてしまう時のCSS
