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

下に提出: クロム

OperaブラウザにChrome拡張機能をインストールする方法

OperaブラウザにChrome拡張機能をインストールする方法ブラウザクロム

Operaは、他のすべてよりもはるかに多くの微調整とトリックを提供します。 高度なサイドバー、複数のワークスペース、組み込みの広告ブロッカーなどにしましょう。 ただし、GoogleChromeはGoogleChrome拡張機能に関して非常にカスタマイズ可能であり、ネイティブOpera拡張機能は非常に制限されています。 OperaでGoogleChrome拡張機能を使用できますか? はい。 O...

続きを読む
Chromeの読書リストが消えた後に元に戻す5つの方法

Chromeの読書リストが消えた後に元に戻す5つの方法クロム

Google Chromeの読書リストは、将来の読書のためにコンテンツを保存するのに役立つ重要な機能です。 この機能はChromeフラグとして開始されましたが、ブラウザに完全に統合されています。拡張機能の代替手段は、組み込みのリーディングリストの有用性を実現するのに役立つ場合があります。 Chromeの問題を修正する代わりに、より優れたブラウザを試すことができます。 オペラあなたはより良いブ...

続きを読む
ChromeでTwitchエラーデータの読み込みの問題を修正する方法

ChromeでTwitchエラーデータの読み込みの問題を修正する方法クロム

Twitchは完全にWebクライアントに目を向けましたが、デスクトップクライアントのサポートは2022年4月に終了しました。 したがって、ユーザーにとって、残された唯一の選択肢は、ブラウザーを使用してお気に入りのストリームをストリーミングすることです。 さて、「エラーデータの読み込みTwitchにアクセスしようとすると、ブラウザにエラーメッセージが表示されますか? 心配しないで。 このエラー...

続きを読む