モバイル ブラウザーは、モバイル デバイスで Web サイトを表示するためのソフトウェアの一種です。 一部のモバイルブラウザは、携帯電話の特殊性を考慮に入れた通常のデスクトップブラウザの複製です。 その他は、携帯電話の形式のために特別に設計されています。
モバイルブラウザの主なタスクは、高速で高品質の作業、使いやすさ、直感的なインターフェイスです。 いくつかのモバイルブラウザが利用可能です。 一般に、モバイル ブラウザーは、モバイル デバイスのプラットフォームに応じて、次の 4 つのブラウザー カテゴリに分類されます。
- アンドロイド
- IOS
- Windows Phone
- ジェネリック。
デスクトップモニターでモバイルブラウザのウェブサイトを監視する
モバイル インターネットのシェアは時間の経過とともに増加し、モバイル デバイスの使用がさらに一般的になります。 したがって、デスクトップブラウザと同じレベルのモバイルデバイスにWebサイトを提供する必要があるのは明らかです。 ウェブサイトやブログを作成する際には、リソースのコンテンツがどのデバイスの画面でも良く見えるようにレスポンシブなWebデザインを選択する必要があります。 ここでは、異なるモバイルブラウザとの互換性のためにウェブサイトのウェブパフォーマンス監視の必要性については言及することはできません。
モバイルデバイスによってアクセスされるグローバルなWebトラフィックの波が急増するにつれて、Dotcom-Monitorは、モバイル製品のモバイルブラウザエミュレーションサポートを BrowserViewプラットフォームに追加しました。
ドットコムモニターを使用すると、さまざまなモバイルブラウザであなたのウェブサイトをテストするプロセスはもはや問題ではありません。 モバイルインターフェイスをテストするために、画面サイズが異なるデバイスを購入する必要はありません。 あなたがすべきことは、単にドットコムモニターBrowserViewデバイスを作成し、あなたのウェブサイトをテストするために必要なブラウザデバイスの種類を選択することです。 システムを監視しながら、デスクトップブラウザの組み込みツールと同じ方法で選んだデバイスをエミュレートします。 ページの読み込みは、ブラウザー ウィンドウの横モードで発生します。
Chromiumエンジンを使用して、モバイルブラウザの動作をエミュレートします。 ChromiumはWebKitのフォークであるため、ChromiumとSafari WebKitには多くの共通点があります。 Safariの高レベルのエミュレーション精度を実現するために、Chromiumエンジンでも複数の設定を使用しています。 ただし、SafariとChromiumは異なるブラウザであり、エミュレーションと実際のブラウザの動作に多少の不一致がある可能性があることに注意してください。
モニタリングの頻度、スクリーンショット、ビデオ録画オプションを設定したり、監視場所を指定して、世界中のユーザーのウェブサイトの仕組みを監視したりできます。 さらに、監視中にエラーが検出された場合、システムはアラートを生成し、指定されたアドレスにアラート通知を送信します。
ドットコムモニターBrowserViewプラットフォームでエミュレートできるデバイスの中には、次のものがあります。
デバイスモデル |
ユーザー エージェント |
---|---|
iPhone 4 | モジラ/5.0(iPhone;U;CPU iPhone OS 4_3_2 のような Mac OS X;en-us) アップルウェブキット/533.17.9 (KHTML、 ヤモリのような) バージョン/5.0.2 モバイル/8H7サファリ/6533.18.5 |
iPhone 5 | モジラ/5.0(iPhone;CPU iPhone OS 7_0 のような Mac OS X;en-us) アップルウェブキット/537.51.1 (KHTML、ヤモリのような) バージョン/7.0モバイル/11A465サファリ/9537.53 |
iPhone 6 | モジラ/5.0(iPhone;CPU iPhone OS 8_0 のような Mac OS X) アップルウェブキット/600.1.3 (KHTML, ヤモリのような) バージョン/8.0 モバイル/ 12A4345d サファリ/600.1.4 |
iPhone 6プラス | モジラ/5.0(iPhone;CPU iPhone OS 8_0 のような Mac OS X) アップルウェブキット/600.1.3 (KHTML, ヤモリのような) バージョン/8.0 モバイル/ 12A4345d サファリ/600.1.4 |
iPodタッチ4 | モジラ/5.0(iPhone;U;CPU iPhone OS 4_3_2 のような Mac OS X;en-us) アップルウェブキット/533.17.9 (KHTML、 ヤモリのような) バージョン/5.0.2 モバイル/8H7サファリ/6533.18.5 |
iPodタッチ5 | モジラ/5.0(iPhone;CPU iPhone OS 7_0 のような Mac OS X;en-us) アップルウェブキット/537.51.1 (KHTML、ヤモリのような) バージョン/7.0モバイル/11A465サファリ/9537.53 |
iPad | モジラ/5.0(iPad;CPU OS 4_3_5 Mac OS Xのような;en-us) アップルウェブキット/533.17.9 (KHTML、 ヤモリのような) バージョン/5.0.2 モバイル/8L1サファリ/6533.18.5 |
iPad 2 | モジラ/5.0(iPad;CPU OS 5_1 Mac OS Xのような;en-us) アップルウェブキット/534.46 (KHTML、 ヤモリのような) バージョン/5.1モバイル/9B176サファリ/7534.48.3 |
iPad 3 (新しい iPad) | モジラ/5.0(iPad;CPU OS 7_0 のような Mac OS X) アップルウェブキット/537.51.1 (KHTML, ヤモリのような) バージョン/7.0 モバイル/11A465 サファリ/9537.53 |
iPad 4(第4世代iPad) | モジラ/5.0(iPad;CPU OS 7_0 のような Mac OS X) アップルウェブキット/537.51.1 (KHTML, ヤモリのような) バージョン/7.0 モバイル/11A465 サファリ/9537.53 |
iPadミニ | モジラ/5.0(iPad;CPU OS 6_0 のような Mac OS X) アップルウェブキット/536.26 (KHTML, Gecko のような) バージョン/6.0 モバイル/10A406 サファリ/8536.25 |
グーグルネクサス4 | モジラ/5.0 (Linux;アンドロイド4.2.1;en-us;ネクサス 4 ビルド/JOP40D) アップルウェブキット/535.19 (KHTML, ヤモリのような) クロム/18.0.1025.166 モバイルサファリ/535.19 |
グーグルネクサス5 | モジラ/5.0 (Linux;アンドロイド4.2.1;en-us;ネクサス 5 ビルド/JOP40D) アップルウェブキット/535.19 (KHTML, ヤモリのような) クロム/18.0.1025.166 モバイルサファリ/535.19 |
グーグルネクサス10 | モジラ/5.0 (Linux;アンドロイド4.3;ネクサス 10 ビルド/JSS15Q) アップルウェブキット/537.36 (KHTML, ヤモリのような) クロム/29.0.1547.72 サファリ/537.36 |
グーグルネクサス7 | モジラ/5.0 (Linux;アンドロイド4.3;ネクサス 7 ビルド/JSS15Q) アップルウェブキット/537.36 (KHTML, ヤモリのような) クロム/29.0.1547.72 サファリ/537.36 |
グーグルネクサス7 2 | モジラ/5.0 (Linux;アンドロイド4.3;ネクサス 7 ビルド/JSS15Q) アップルウェブキット/537.36 (KHTML, ヤモリのような) クロム/29.0.1547.72 サファリ/537.36 |
サムスンギャラクシーノート | モジラ/5.0 (Linux;U;アンドロイド2.3;en-us;サムスン-SGH-I717ビルド/ジンジャーブレッド) アップルウェブキット/533.1(KHTML、ヤモリのような)バージョン/4.0モバイルサファリ/533.1 |
サムスンギャラクシーノート2 | モジラ/5.0 (Linux;U;アンドロイド4.1;en-us;GT-N7100 ビルド/JRO03C) アップルウェブキット/534.30 (KHTML、 ヤモリのような) バージョン/4.0 モバイルサファリ/534.30 |
サムスンギャラクシーノート3 | モジラ/5.0 (Linux;U;アンドロイド4.3;en-us;SM-N900T ビルド/JSS15J) アップルウェブキット/534.30 (KHTML、 ゲッコーのような) バージョン/4.0 モバイルサファリ/534.30 |
サムスンギャラクシーS | モジラ/5.0 (Linux;U;アンドロイド2.1;en-us;GT-I9000 ビルド/ECLAIR) アップルウェブキット/525.10+ (KHTML, ヤモリのような) バージョン/3.0.4 モバイルサファリ/523.12.2 |
サムスンギャラクシーS3 | モジラ/5.0 (Linux;U;アンドロイド4.0;en-us;GT-I9300 ビルド/IMM76D) アップルウェブキット/534.30 (KHTML、 ヤモリのような) バージョン/4.0 モバイルサファリ/534.30 |
サムスンギャラクシーS4 | モジラ/5.0 (Linux;アンドロイド4.2.2;GT-I9505 ビルド/JDQ39) アップルウェブキット/537.36 (KHTML, ヤモリのような) クロム/31.0.1650.59 モバイルサファリ/537.36 |
サムスンギャラクシータブ | モジラ/5.0 (Linux;U;アンドロイド2.2;en-us;SCH-I800 ビルド/フロヨ) アップルウェブキット/533.1 (KHTML, Gecko のような) バージョン/4.0 モバイルサファリ/533.1 |
サムスンギャラクシータブ10 | モジラ/5.0 (Linux;U;アンドロイド2.2;en-us;SCH-I800 ビルド/フロヨ) アップルウェブキット/533.1 (KHTML, Gecko のような) バージョン/4.0 モバイルサファリ/533.1 |
HTC エボ | モジラ/5.0 (Linux;U;アンドロイド2.2;en-us;スプリント APA9292KT ビルド/FRF91) アップルウェブキット/533.1 (KHTML、 ヤモリのような) バージョン/4.0 モバイルサファリ/533.1 |
HTC ワン X | モジラ/5.0 (Linux;アンドロイド4.0.3;HTC One X ビルド/IML74K) アップルウェブキット/535.19 (KHTML, ヤモリのような) クロム/18.0.1025.133 モバイルサファリ/535.19 |
HTC センセーション | モジラ/5.0 (Linux;U;アンドロイド4.0.3;en-us;HTCセンセーションビルド/IML74K) アップルウェブキット/534.30(KHTML、ゲッコーのような) バージョン/4.0モバイルサファリ/534.30 |
モトローラ・デファイズ | モジラ/5.0 (Linux;U;アンドロイド2.0;en-us;マイルストーンビルド/ SHOLS_U2_01.03.1) アップルウェブキット/530.17 (KHTML、ゲッコーのような) バージョン/4.0モバイルサファリ/530.17 |
モトローラドロイド3 | モジラ/5.0 (Linux;U;アンドロイド2.2;en-us;ドロイドビルド/FRG22D) アップルウェブキット/533.1(KHTML、ゲッコーのような)バージョン/4.0モバイルサファリ/533.1 |
モトローラ・ショム | モジラ/5.0 (Linux;U;アンドロイド3.0;en-us;Xoomビルド/HRI39) アップルウェブキット/525.10(KHTML、ゲッコーのような) バージョン/3.0.4モバイルサファリ/523.12.2 |
ソニーのXperia S | モジラ/5.0 (Linux;U;アンドロイド4.0;en-us;LT28at ビルド/6.1.C.1.111) アップルウェブキット/534.30 (KHTML、 ゲッコーのような) バージョン/4.0 モバイルサファリ/534.30 |
ソニー・エクスペリアZ | モジラ/5.0 (Linux;U;アンドロイド4.2;en-us;SonyC6903 ビルド/14.1.G.1.518) アップルウェブキット/534.30 (KHTML、 ヤモリのような) バージョン/4.0 モバイルサファリ/534.30 |
アマゾンキンドルファイア | モジラ/5.0 (Linux;U;アンドロイド2.3.4;en-us;キンドルファイアビルド/ジンジャーブレッド) アップルウェブキット/533.1(KHTML、ヤモリのような)バージョン/4.0モバイルサファリ/533.1 |
アマゾンキンドルファイアHDX 7 | モジラ/5.0 (Linux;U;en-us;KFTHWIビルド/JDQ39) アップルウェブキット/535.19 (KHTML、ヤモリのような) シルク/3.13サファリ/535.19 シルクアクセラレーション=true |
アマゾンキンドルファイアHDX 8 | モジラ/5.0 (Linux;U;en-us;KFAPWIビルド/JDQ39) アップルウェブキット/535.19 (KHTML、ヤモリのような) シルク/3.13サファリ/535.19 シルクアクセラレーション=true |
ノキア ルミア 8XX | モジラ/5.0(互換性;MSIE 10.0;ウィンドウズフォン8.0;トライデント/6.0;IEモバイル/10.0;アーム;タッチ;ノキア;ルミア820) |
ブラックベリーZ10 | モジラ/5.0 (BB10;タッチ) アップルウェブキット/537.10+ (KHTML, ヤモリのような) バージョン/10.0.9.2372 モバイルサファリ/537.10+ |
ブラックベリーZ30 | モジラ/5.0 (BB10;タッチ) アップルウェブキット/537.10+ (KHTML, ヤモリのような) バージョン/10.0.9.2372 モバイルサファリ/537.10+ |
ブラックベリープレイブック | モジラ/5.0(プレイブック;U;RIM タブレット OS 2.1.0;en-US) アップルウェブキット/536.2+ (ヤモリのようなKHTML) バージョン/7.2.1.0サファリ/536.2+ |
-
モバイル ブラウザーのエミュレーションについて
ユーザー エージェント文字列の実際の意味
ユーザー エージェントは、デスクトップまたはモバイル ブラウザーによって、インターネット上の任意の Web ページに対する HTTP(S) 要求と共に渡される文字列です。 文字列には、要求を行うデバイスのソフトウェアとハードウェア、Web サイト、Web ページ、またはその他のオンライン コンテンツへのアクセスに使用される特定のテクノロジに関する特定の情報が含まれます。 ユーザー エージェント文字列は、各 Web ユーザーに固有です。 この情報には、通常、ブラウザ名、ウェブレンダリングエンジン、ネイティブプラットフォーム(モバイルブラウザ、iOS、Android、Amazon KFTHWI、Windows Phone 8、BB10、RIMタブレットOSなど)、ブラウザが実行されているデバイスに関する詳細が含まれています。
ユーザー エージェント文字列を使用すると、オペレーティング システムの名前、バージョン、プロセッサの種類に加えて、多くのパラメータを特定できます。 また、ブラウザを実行しているデバイスを識別することもできます – タブレット、PC、iPad、iPhone、または他のモバイルデバイスにすることができます。 さらに、ユーザー エージェント文字列には、Web ブラウザーがサポートする機能 (JavaScript、Cookie、Java アプレット、ActiveX など) に関する情報を含めることができます。
次のように入力して、Chrome ブラウザでブラウザを示すユーザー エージェント文字列を確認できます。
about:
ブラウザーで Web サイトの URL を入力すると、ブラウザーは接続先の Web サイトにユーザー エージェント文字列を送信します。 Web サーバーでユーザー エージェントが識別されると、サーバーはブラウザ のパラメータに一致する適切なコンテンツ (ファイル、JavaScript、メディア ファイル) を返します。 これにより、ユーザー エージェント ヘッダーに基づく同じ Web ページの異なるバージョンをブラウザーに提供できます。
ただし、ユーザー エージェント文字列を理解するうえでの主な課題は、ほとんどのブラウザが、ビルド対象に関する実際の情報を示すだけでなく、互換性のある情報をユーザー エージェント文字列に追加することです。 たとえば、ほぼすべての最新のブラウザは、Mozila/5.0 をユーザーエージェント文字列の一部として報告します。
ユーザー エージェント文字列の読み取り方法
ユーザー エージェント文字列には標準形式がないため、読み取りが難しい場合があります。 ただし、インターネット上のユーザー エージェント文字列の内容を解析および分析する方法に関するガイドラインは多数あります。 また、オンライン分析ツール (whatismybrowser.com など) を使用して、この課題に対処することもできます。
この記事では、ユーザー エージェント文字列用語の基本のみを取り上げます。 次の内容でユーザー エージェント文字列を分析してみましょう。
Mozilla / 5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit / 600.1.3 (KHTML, like Gecko) Version / 8.0 Mobile / 12A4345d Safari / 600.1.4
この例の文字列には、よく使用されるトークンが含まれています。 それぞれの名前が実際に何を表しているのかを詳しく見てみましょう。
- Mozilla/ 5.0は、前述のように、Web サーバーが Mozilla 互換であることを Web サーバーに知らせるために、最新のブラウザで使用されています。 Mozilla は、Netscape で使用されるコードネームで、他のブラウザがユーザーエージェント文字列に入力して、Netscape と同じコンテンツを提供します。
- AppleWebKit は、Apple デバイスで使用される Web レンダリング エンジン識別子であり、BlackBerry などの他の種類のデバイスでサポートされています。
- KHTML は、サファリとクロムで使用されるエンジンです。
- Gecko は最新バージョンの Firefox で使用されているエンジンです。 「Like Gecko」トークンは、Gekoベースのブラウザにコンテンツを提供するウェブサイトと互換性を持つために使用されます。
- Safari は、実際のブラウザ名を示すトークンです。
デスクトップブラウザでモバイルデバイスをエミュレートする方法(Google Chrome)
ウェブサイトのモバイル版を表示してテストするには、すべての最新の Web ブラウザーで提供されている組み込みツールを使用できます。 例として、Google Chrome でモバイル ブラウザー モードのエミュレーションを見てみます。
まず、Chrome を起動します。 Google Chrome で、テストする必要があるモバイル Web サイトを開きます。 次に 、[Google Chrome のカスタマイズと管理 ] ボタン (ブラウザ ウィンドウの右上隅にある 3 つの縦のドット) をクリックします。 メニューの [ その他のツール < 開発ツール] をクリックします。 または、Mac OSの場合は、Ctrl + Shift + Iを使用して、Unix、および Cmd + Opt + I を使用できます。
次に、[ デバイス ツールバーの切り替え] アイコンを クリックします。 ブラウザエミュレータが起動し、デバイスシミュレーションが起動されます。 その結果、ページのモバイルビューがロードされます。
既定では、デバイス のツール バーは、読み込まれたページの応答モードを使用します。 あなたのテストのためにエミュレートしたいモバイルデバイスを選択することができます:サムスンギャラクシーS5、ピクセル2、ピクセル2 XL、iPhone(バージョン5からiPhone Xまで)、iPadとiPad Pro。 モバイル デバイスのページは、一覧から選択したスマートフォンまたはタブレットを使用しているかのように再読み込みされます。
完了したら、Google Chrome のデベロッパー ツールを閉じて標準のデスクトップ ビューに戻ります。