あの不定記 DOM Inspector のインデントを減らす

朝顔日記 - DOM Inspector の使い方の例を見ていたら、DOM Inspector のツリーのインデントを減らすのは、やっぱり需要がありそうなので書いておきます。 DOM Inspector で階層の深いところへ入っていくと、どんどん右のほうへ行ってしまい、場所が足りなくなります。そこで、インデントを減らしたくなるわけですが DOM Inspector - reduce indent on DOM tree にある方法をそのまま使うと、スクリーンショットを見ればわかるように [+] [-] のマークの位置がずれてしまいます。そこで、マークの位置がずれないようにするには @-moz-document url(chrome://inspector/content/viewers/dom/dom.xul) { treechildren::-moz-tree-indentation {

[hokuto_vii]

DOM Inspectorを見やすくする。

[nanto_vi]

DOM Inspectorを見やすくする。

[mhrs]

『DOM Inspector』でDOMツリーを深く潜って行くと左ペインのツリー表示がどんどん横に伸びて表示幅を喰ふ、その對策。ユーザスタイルシートで。既存の方法では[+]と[-]の表示がずれるらしく、その對策が施されてゐる。