デスクトップブラウザ(PC)を使用してモバイルWebサイトにアクセスする

私たちの日常生活では、オンラインWebの使用を扱っている間、私たちが毎日アクセスするWebサイトはたくさんあります。モバイル(Mobile)デバイスを使用してこのようなWebサイトを開くと、通常、自動的にサイズ変更された小さいバージョンが表示されます。これは、すべてのモバイルデバイスでページの読み込みが速くなり、消費者のデータ使用量が削減されるためです。参考までに、この背後でブートストラップ(bootstrap)の概念が使用されています。デスクトップブラウザでモバイル互換(mobile compatible)のWebサイトを使用すると、インターネット接続が遅く、任意のWebページをすばやくロードできる場合に役立ちます。モバイル版の形式でWebサイトを開くと、Webサイトにすばやくアクセスできるだけでなく、データ使用量を節約するのにも役立ちます。

デスクトップブラウザ(PC)を使用してモバイルWebサイトにアクセスする

デスクトップブラウザでモバイル版のWebサイトを表示するこの機能は、開発者がモバイルWebサイトを確認およびテストするのにも役立ちます。デスクトップブラウザからモバイルバージョンとして任意のWebサイトを開いてアクセスする方法を探している場合は、この記事が役に立ちます。

デスクトップブラウザ(PC)を使用してモバイルWebサイトにアクセスする(Access Mobile Websites Using Desktop Browser (PC))

 何か問題が発生した場合に備えて、必ず 復元ポイントを作成してください。(create a restore point)

方法1:GoogleChromeを使用してモバイルウェブサイトを開く(Method 1: Open Mobile Websites Using Google Chrome)

PCブラウザからモバイルバージョンのWebサイトにアクセスするには、User-AgentSwitching拡張機能(User-Agent Switching extension)(User-Agent Switching extension)を使用する必要があります。これはChromeウェブ(Chrome web)ブラウザで利用できます。ここでは、デスクトップのChrome(Chrome)ブラウザでモバイル版のウェブサイトにアクセスするためのいくつかの手順に従う必要があります。

1.まず、この(First)リンクから(link)ChromeブラウザにUser- AgentSwitcher(Switcher)拡張機能をインストールする必要があります。

2.リンクから、[ Chromeに追加(Add to Chrome)]をクリックして、ブラウザに拡張機能をインストールします。

[Chromeに追加]をクリックして、User AgentSwitcherExtensionをインストールします|  デスクトップブラウザ(PC)を使用してモバイルWebサイトにアクセスする

3.ポップアップが表示されたら、[拡張機能を追加(Add extension)]をクリックしてChromeを再起動します。

ポップアップが表示されたら、[拡張子の追加]、[拡張子の追加]の順にクリックします。 デスクトップブラウザを使用してモバイルWebサイトにアクセスする

4.次に、ブラウザのイージーアクセスバーから、「User-AgentSwitcher」拡張機能のショートカットを選択する必要があります。( select the shortcut for)

5.そこから、モバイルWebエンジンを選択する必要があります。たとえば、Android向けに最適化されたWebページを開く場合は、「Android」を選択する必要があります。お好みに応じて任意のデバイスを選択できます。

User Agent Switcher拡張機能から、AndroidやiOSなどのデバイスを選択します

6.ここで、任意のWebページにアクセスすると、そのWebサイトは、前に選択したモバイル互換形式になります。

ウェブサイトはデスクトップブラウザでモバイル互換形式で開きます

プロのヒント:(PRO TIP:) GoogleChromeを高速化する12の方法(12 Ways To Make Google Chrome Faster)

方法2:MozillaFirefoxを使用してモバイルWebサイトを開く(Method 2: Open Mobile Websites Using Mozilla Firefox)

もう1つの人気のあるWebブラウザはMozillaFirefoxで、モバイル互換のWebサイトにアクセスするにはブラウザアドオンを追加する必要があります。これを行うには、次の手順を実行する必要があります。

1.デスクトップにMozillaFirefoxWeb(Mozilla Firefox)ブラウザーがインストールされている場合は、ブラウザーにアドオンをインストールする必要があります。これを行うには、ブラウザから[設定]ボタンをクリックして、[(Settings)アドオン(Add-ons)]を選択する必要があります。

Mozillaから[設定]をクリックし、[アドオン]、[アドオン]の順に選択します。 デスクトップブラウザ(PC)を使用してモバイルWebサイトにアクセスする

2.User -AgentSwitcherを検索します。(Search for the User-Agent Switcher.)

ユーザーエージェントスイッチャーを検索する|  デスクトップブラウザを使用してモバイルWebサイトにアクセスする

3.次に、User- AgentSwitcher(Switcher)拡張機能検索の最初の結果をクリックします。( first result)

4. User-Agent Switcherページで、[ Firefox( Add to Firefox)に追加]をクリックしてアドオンをインストールします。

次に、User-Agent Switcherページで、[Firefoxに追加]をクリックします。

5.アドオンを(Add-on)インストールしたら、必ずFirefoxを再起動してください。

6.次にブラウザを開くと、User-AgentSwitcher拡張機能のショートカットが表示されます。(shortcut of the User-Agent Switcher extension.)

7.ショートカットアイコン(shortcut icon)をクリックして、デフォルトのユーザーエージェントスイッチを選択します(choose the default User-Agent Switche)モバイル(Mobile)デバイス、デスクトップブラウザ(Desktop Browser)、およびオペレーティングシステム(Operating System)を選択するオプションがあります。

ショートカットアイコンをクリックして、Firefoxのデフォルトのユーザーエージェントスイッチャーを選択します

8.次に、デスクトップブラウザでモバイルバージョンのWebサイト (mobile version of the website on your desktop browser. )で開くWebサイトを開きます。

デスクトップブラウザ(Firefox)でモバイル版でウェブサイトが開きます|  デスクトップブラウザを使用してモバイルWebサイトにアクセスする

方法3:Opera Mini Simulatorの使用(非推奨)(Method 3: Using Opera Mini Simulator (Deprecated))

注:(Note:)この方法は機能しなくなりました。次のものを使用してください。

ユーザーエージェントスイッチャー(User Agent Switcher)オプションを使用する上記の2つの方法が気に入らない場合でも、別の一般的なシミュレーターであるOpera Mini Mobile Website Simulatorを使用して、デスクトップブラウザーでモバイル向けに最適化されたバージョンのWebサイトを表示する別の方法があります。Opera Mini Simulatorを使用して、PCWebブラウザでモバイル版のWebサイトにアクセスする手順は次のとおりです。

  1. お好みのWebブラウザを起動でき( start any web browser)ます。
  2. アドレスバーに入力して、Opera Mini MobileWebsiteSimulatorのWebページに移動します。(Opera Mini Mobile Website Simulator webpage.)
  3. シミュレータの使用を開始するには、いくつかの権限を付与する必要があります。[同意する]をクリックします。(Agree.)
  4. 次回ブラウザでサイトを開くと、モバイル向けに最適化されたバージョンになります。

方法4:開発ツールを使用する:要素を検査する(Method 4: Use Developer Tools: Inspect Element)

1.GoogleChromeを開きます。

2.次に、任意のページ(モバイル互換としてロードするページ)を右クリックし、[( right-click)Inspect Element/Inspect.]を選択します。

任意のページを右クリックして、[要素の検査]または[検査|]を選択します。 デスクトップブラウザ(PC)を使用してモバイルWebサイトにアクセスする

3.これにより、開発者ツール(Tool)ウィンドウが開きます。

4. Ctrl + Shift + Mを押すと、ツールバーが表示されます。

Ctrl + Shift + Mを押すと、ツールバーが表示されます

5.ドロップダウンから、iPhoneXなどの( iPhone X.)任意のデバイス(select any device)を選択します。

ドロップダウンから任意のデバイスを選択します|  デスクトップブラウザを使用してモバイルWebサイトにアクセスする

6.デスクトップブラウザでモバイル版のWebサイトをお楽しみください。

おすすめされた:(Recommended:)

この記事がお役に立てば幸いです。デスクトップブラウザを使用してモバイルWebサイト( Access Mobile Websites Using the Desktop browser)に簡単にアクセスできるようになりましたが、このチュートリアルに関してまだ質問がある場合は、コメントのセクションで質問してください。



About the author

私はソフトウェア エンジニアであり、探検家です。Microsoft Xbox 360 と Google Explorer の両方を使用した経験があります。特定のソフトウェア開発ツールについて専門的な推奨事項を提供したり、一般的な Explorer エラーのトラブルシューティングを支援したりすることができます。



Related posts