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を使用し、拡張機能なしでモバイル版のサイトをテストできます。

下に提出: クロム

修正:GoogleChromeでこのページを開くのに十分なメモリがありません

修正:GoogleChromeでこのページを開くのに十分なメモリがありませんクロム

ほぼ32億人のユーザーが、インターネットサーフィンの主な媒体としてGoogleChromeを使用しています。 したがって、Google Chromeが突然機能しなくなった場合、エラーメッセージが表示されます。このページを開くのに十分なメモリがありません"、 あなたは何をするべきか? これは単に、GoogleChromeが多くのビデオアニメーションや画像などで構成されるウェブページを表示するの...

続きを読む
Windows11 / 10でブラウザの戻るボタンが機能しない問題を修正する方法

Windows11 / 10でブラウザの戻るボタンが機能しない問題を修正する方法ブラウザクロム

ブラウジングは、ほとんどのユーザーが仕事や自由時間にシステムで行うことです。 Windowsユーザーの多くは、次の理由でシステムの閲覧に問題があると報告しています。 ブラウザの戻るボタンが突然機能しなくなったため、戻るボタンが灰色になっていることも意味します アウト。 彼らはそれについて何もすることができません。その背後にはいくつかの理由がある可能性があり、この問題を分析していくつかの解決策...

続きを読む
GoogleChromeを使用してあるデバイスから別のデバイスにWebページを送信する方法

GoogleChromeを使用してあるデバイスから別のデバイスにWebページを送信する方法クロム

現在の時代では、誰もが多くの機械を持っています。 仕事用のラップトップ、個人用のラップトップ、スマートフォン、タブレット、リストはどんどん増えていきます。 あるデバイスでGoogleChromeのウェブページを閲覧していて、この同じページを別のデバイスでも開く必要があるとします。 もちろん、他のデバイスでも同じメールIDでGoogle Chromeにログインしている場合は、最近のタブに移動し...

続きを読む