要素サイズの測定:要素サイズを測定するためのChrome拡張機能
Element Size Measurementは、JungleHamによって開発された無料のChrome拡張機能です。この拡張機能を使用すると、Webページ上の要素のサイズを単純にホバーするだけで測定することができます。
拡張機能を使用するには、Chromeブラウザの右上隅にある拡張機能アイコンをクリックしてアクティベートする必要があります。アクティベートされると、画面上の任意の要素にホバーすると、以下の情報が表示される小さなポップアップが表示されます:
- 幅(ピクセル)
- 高さ(ピクセル)
- 面積:ホバーしているブロックの合計面積(ピクセルの二乗)およびこのブロックが画面全体に占める割合(要素が画面よりも大きい場合、100%を超える場合もあります)。
- 表示領域:ビューポート(ブラウザ画面)内の要素が占める面積(ピクセルの二乗)およびビューポートの割合。
なお、この拡張機能はすべてのページで動作しない場合があります。特に設定ページや一部のGoogleアカウントページでは、追加の許可が必要です。ただし、ほとんどの他のWebページでは効果的に動作し、さまざまな目的で要素のサイズを簡単に測定することができます。






