UIViewの構造を視覚化する

前にJSCocoaのiPhone用インタラクティブコンソールを作ったときには、ビューの階層構造をJSONオブジェクトとしてみられればいいやくらいにしか思っていませんでした。それが新しいiviewでUIを変更したらやっぱり視覚的に見たくなったので、UIViewの階層構造をHTMLとして見られるようにしました。

ファイル

Httpd.m
Httpd.h
console.html

使い方

JSCocoaのiPhone用インタラクティブコンソールと同じです。

[inspect view tree]を押すと、こういう状態のiPhoneのビュー構造が

Firefox上でHTMLで再現されてこうなります。

ビューのインスタンスがUIImageViewであれば画像が表示され、UILabelやUITextFieldであればテキストが表示されます。

Firebugを使えばビューの階層構造もチェックできます。