html - HTML ツール: 目的の div の幅と高さを取得する方法は?

Question

ページ上の単なる長方形のボックスであるCSSファイルでdivクラスを作成したい場合。過度の試行錯誤をせずに、この div の高さと幅を計算するにはどうすればよいですか?

本当に必要なのは、画面の 1 つのセクションをクリックしてから、画面の別のセクションをクリックできるシンプルなツールだけです。これにより、クリックした 2 点間の水平、垂直、対角のピクセル距離が得られます。これを行うためのツールを知っている人はいますか？おそらく私はそれを作成することができます。これは非常に便利です。

Answer 1

スクリーンショット > GIMPなどで開く> ピクセル数を数えます。

ただし、実際の開発者ツールが必要な場合は、ブラウザーによって異なります。

• Firefox にはFirebug (アドオン) があります。Firebug でそれを見つけるには、HTML ビューを見て、要素を右クリックし、[DOM で検査] をクリックして、[innerWidth/innerHright] を見つけます。
• Chrome には開発者ツール(拡張機能) があります。HTMLビューで要素にカーソルを合わせるだけで、高さ/幅が表示されると思います。
• Opera にはDragonFlyと呼ばれるものが組み込まれています。HTML ビューで要素を選択し、右側のウィンドウで [レイアウト] を選択して、[clientWidth/clientHight] を確認します。

ただし、Internet Explorer または Safari で検索する方法はないと思います。