Chromeブラウザを使用してモバイルでウェブサイトがどのように表示されるかをテストします

沿って 管理者

今日の時代には、すべてのプラットフォームで適切に動作するWebサイトを持つことが非常に必要です。 さまざまな解像度でウェブサイトをテストするための多くのオンラインツールがあります。 ただし、オンラインまたはオフラインのツールは必要なく、Chromeブラウザ内でウェブサイトのモバイルバージョンをテストできることをご存知ですか。 これを行うための手順は次のとおりです。

ステップ1-まず最初にChromeブラウザで任意のウェブサイトを開きます。

ステップ2– CTRL + Shift + Iを押してコンソールを開きます。

右上の3つのドットを開いて、をクリックすることもできます。 その他のツール–>開発者ツール.

開発者コンソールChrome

ステップ3–ここで、を押します CTRL + Shift + M. 図のようにトグルアイコンをクリックすることもできます。

モバイル解像度Chrome

これで、ウェブサイトがChromeブラウザのモバイル解像度で表示されます。

これが私のウェブサイトMerabheja.comのモバイル版ですモバイル版サイトChrome開発ツール

ステップ4–モバイルモデル名をクリックするだけで、さまざまな解像度のモバイルモデルを変更できます。

ステップ5–リストではなく、カスタム解像度またはデバイスでWebサイトを表示するには、をクリックします。 編集.

カスタム解像度を追加

ステップ6–さまざまな携帯電話の長いリストからデバイスを選択します。 または、カスタム解像度が必要な場合(またはお使いの電話がリストにない場合)、をクリックするだけです カスタムデバイスを追加する.

カスタムデバイス解像度を追加

したがって、このようにして、Chromeを使用し、拡張機能なしでモバイル版のサイトをテストできます。

下に提出: クロム

Google Chromeの検索オートコンプリート機能をオフにする方法は?

Google Chromeの検索オートコンプリート機能をオフにする方法は?ウインドウズ10クロム

検索オートコンプリートは、アドレスバーにテキストを入力するときに選択できるさまざまなオプションを提案する機能です。 詳細については、以下のスクリーンショットを参照してください。与えられた提案から何かを検索したい場合は、完全に入力する代わりにクリックするだけです。 この機能はほとんどの場合便利ですが、場合によっては煩わしく、単にそれを取り除きたいだけです。 表示される提案は、デフォルトの検索プ...

続きを読む
Chrome修正プログラムのERR_CONNECTION_TIMED_OUT

Chrome修正プログラムのERR_CONNECTION_TIMED_OUTクロム

Chromeブラウザを使用しているほとんどのユーザーは、ブラウザの応答に時間がかかりすぎてエラー「ERR_CONNECTION_TIMED_OUT」をスローすると、この奇妙な厄介な問題に直面します。 しかし、この記事に記載されている簡単な修正を使用すると、この問題を簡単に解決できます。修正1-LAN設定1. 押す Windowsキー+ R キーボードで一緒に。2. 書いて inetcpl.c...

続きを読む
インターネットなしでGoogleChromeでオフラインで閲覧する方法

インターネットなしでGoogleChromeでオフラインで閲覧する方法クロム

インターネットがなくてもGoogleChromeでオフラインで閲覧する方法:–完全に強力なインターネット接続があれば、すべてがうまくいきます。 しかし、飛行機のようにインターネットに接続できない場所にいる場合はどうでしょうか。 あなたがする必要があるのはすることだけです ブラウズ あなたがかつて閲覧したものを通して、いくつかの引用またはそのようなものを読んでください。 しかし、インターネット...

続きを読む