最近のブラウザには「要素を調査」という機能が搭載されていますが、Firefox 11に搭載のソレは凄いことになってしまっているので紹介します。
まずは普通に適当なサイトを開いてみます。
次に、ページの適当なところで右クリックし、「要素を調査」を選択。
続いて、ウィンドウ右下の「3D」をクリック。
すると・・・ページの各要素の階層構造が3Dで視覚化されます。ある要素が別の要素に内包されている様子がとてもわかりやすく表示されます。
この3D画面はマウスをつかってぐるぐる動かせたりできます。
なおこの機能はMacでは動きましたが、Windowsでは「3D」のボタンが出てきませんでした。