Общие вопросы

Имеем такую интересную идею.

По опыту знаю, крайне интересно знать, как устроено древо дескрипторов HTML на текущий момент времени, то есть:

Представим вы работаете над какой-либо задачей. Ваше javascript приложение что-то там изменяет, допустим что-то вы вставили с помощью innerHTML, или DOM средствами, насоздавали, наудоляли, наклонировали узлов.

И тут вам бы очень хотелось знать, что получилось-то? Как все на двнный момент устроено?

В любом случае, такую тулзу писать я буду сам, сложного ничего нет, просто пробегаемся по узлам DOM, собираем информацию по атрибутам и при нажатии какой нибудь сочетании клавиш, открываем новое окно, в котором рисуем примерно следующее


< HTML >
|
|
< HEAD > < BODY >
| |
| |
... < TABLE >
|
|
< TBODY >
|
...


и т.д.
При наведении мышой на дескриптор, пишется информация об атрибутах. Примерно так.

было бы интересно послушать идеи, пожелания рекомендации...

Например так же было бы не плохо писать текущтте переменые и их значения, тоже динамически

А еще лучше, что бы все изменения в исходном дереве узлов отлавливались и пеедавались новому окну, которое на ходу вносило бы изменения...

Идей много... Дерзайте

P.S. простите за грамотность... :)