【Chrome】ウィンドウの横幅を確認する方法

Chromeのウィンドウの横幅を確認するためには、プラグインを使う方法と、デベロッパーツールを使う方法があります。 Web 制作でCSS デザインを作るときなどに便利です。このページではその方法を紹介します。

方法１：プラグイン「Width and Height Display」を利用する

Chrome ウェブストアからプラグイン「Width and Height Display」をダウンロードします。

機能を有効にし、アイコンを押します。すると画面右上にこのようにウィンドウサイズが表示されます。

メニューから、「その他のツール＞デベロッパーツール」を選択します。

表示メニューのタブレット・スマートフォンのアイコンをクリックします。

画面上部にサイズが表示されるようになります。

MEMO

デベロッパーツールの場合、ソースコードの表示があるため画面が2分割されます。先ほどのプラグインを使う場合と違い、ソースコードの Windows 画面サイズが小さくなることに注意が必要です。

他にもウィンドウの横幅を表示させることのできるプラグインはありますが、閲覧履歴などを取得するものもあります。

注意が必要なプラグイン

ウィンドウサイズを表示するのに閲覧履歴は不要です。このようなプラグインの使用には十分注意してください。

Chrome で Windows の横幅を表示させるにはプラグイン「Width and Height Display」が便利です。また、 Web デベロッパーツールでも確認することができます。レスポンシブデザインなどで、画面の横幅を確認する際に役に立ちます。