モバイルデバイスのようにWebを閲覧する

さまざまなWebサイトで調査することは、目新しいことではありません。これは、インターネットブラウザを開いて、関心のあるサイトにアクセスするだけでよいためです。 だが これらの同じページはモバイルデバイスでどのように表示されますか？

これらを考慮して 携帯電話 それらは従来のものとは異なるオペレーティングシステムを持っています。それらの作業インターフェースは一般に、前述の機器の画面サイズに適応しなければならない最小限の設計を含みます。 たとえば、Assassin Vinegarページは、WindowsまたはMacを使用している特定のコンピューターの、Google Chrome、Opera、Safari、Mozilla Firefox、またはInternet Explorerブラウザーで同じように見える場合があります。しかし、これらの同じページは電話ではどのように見えますか？ ？

モバイルデバイスのブラウザをシミュレートするGoogleChrome

私たちはすべての読者に小さな実験を提案したいと思っていました。そのためには、Google Chromeと、このインターネットブラウザにインストールされる小さなアドオンを使用する必要があります。これについては、最後にそれぞれのリンクを残します。記事; 最初に行うことは、このアドオンをブラウザー内にインストールすることです。これは、非常によく似た状況です。 上記のアプリケーションのインストール。 この点で、 GoogleChromeがMozillaFirefoxよりも優れている点 これらのアドオンまたは拡張機能をインストールする場合、最初のアドオンまたは拡張機能を再起動する必要がないため、その時点で作業していたページが失われることはありません。

インストールしてアクティブ化すると、インストールしたこのアドオンに属する右上に小さなアイコンが表示されていることがわかります。

今、私たちがする必要があるのは、GoogleChromeブラウザを介して任意のページに移動することです。 私たちは、他のブラウザや異なるプラットフォームでも同じように見える従来の方法でWebサイトを賞賛します。

以前にインストールしたアドオンに対応するアイコンのボタンをクリックすると、次のような追加のオプションが表示されます。

• クロム。
• Firefox
• オペラ。
• サファリ
• インターネットエクスプローラ。
• iOSの。
• アンドロイド。
• Windows Phone

私たちが賞賛できるように、プラグインは別のブラウザを使用して探索をエミュレートする可能性を提供します。 現在GoogleChromeを使用している可能性がありますが、ユーザーはFirefoxに向けてエミュレートできます。 またはInternetExplorer、それぞれの中に存在する異なるバージョンを使用します。 さらに、ブラウザにページが表示される可能性があります。 携帯電話 これは、このプラグインの最も重要な機能のXNUMXつです。

しかし、私たちが本当に興味を持っているのは、ブラウザに向けたシミュレーションです。 携帯電話; このために、Android、iOS、またはWindowsPhoneのいずれかを選択できます。

これらの各オプションには、使用するいくつかの選択肢があります。 たとえば、内部でAndroidを選択すると、Jelly Bean Android7オペレーティングシステムを使用したNexus4.1のエミュレーションが見つかります。

同じ状況がiOSでも発生します。これは、iPhone4またはiPadを使用しているかのようにブラウジングする可能性を提供するオプションです。

Microsoftの携帯電話のオペレーティングシステムを参照するオプションには、同社が提示した最新のWindows Phone7が存在しないことがわかります。

しかし このエミュレーションの便利さは何ですか？ 私たちがWeb開発者である場合、専用のWebページのデザインのいくつかの側面を改善または変更するには、おそらくこのタイプの情報が必要になるため、これは非常に大きいと言えます。 携帯電話.

この補足が私たちに提供する計り知れない利点にもかかわらず、残念ながら、Androidタブレットで取得できるナビゲーションを確認する可能性を提供しない場合があります。

一度のタイプ 携帯電話 このGoogleChromeブラウザでエミュレートする場合、ページは選択した環境にすぐに更新（更新）されます。 MozillaFirefoxまたはInternetExplorerにインストールできる同様のアドオンがいくつかありますが、それらのいくつかは、ブラウジングのシミュレーションのみを許可します。 携帯電話 アップルの。

詳しくは - GoogleChromeアプリケーションにアクセスする方法

ダウンロード- Chrome用ユーザーエージェントスイッチャー