[JavaScript] Realtime source bekijken?

[GraasGast]

Na flink gezocht te hebben op zowel google als got ga ik het maar zo proberen, want ik kan het niet meer vinden

Als je van een pagina de source bekijkt, dan zie je de html + eventueel javascript. Wat je niet ziet is de "real-time source", ofwel de html die je ziet, nadat javascript met document.write() en soortgelijk gehark custom html heeft gemaakt.

Ik weet dat er een manier is om deze real-time source te laten zien, maar de vraag is dus: hoe?

[BtM909]

Lelijke methode:

HTML output van de body in een alert:

JavaScript:

JavaScript:alert(document.body.innerHTML)

_{even plakken in je address-field}

Er zijn mooiere methodes te bedenken, maar dat kan je nu zelf ook

[GraasGast]

* GraasGast slaat voor kop

zit ik allemaal te werken met div.innerHTML enzo, kan ik body.innerHTML niet eens zelf bedenken

[Verwijderd]

Een leuke variatie :
 

JavaScript:

javascript:alert(document.documentElement.outerHTML);

[[eNeRGy]]

Op de MSDN site van MS kan je een tooltje vinden dat in IE de optie geeft om een stuk pagina te selecteren, rechtermuisknop, en dan 'view partial source' dan krijg je mooi de code

[drm]

offtopic:
eigenlijk zou je moeten zeggen: de DN site van MS

[DaRace]

[eNeRGy]: Dat 'view partial source' dingetje lijkt me wel wat, die kende ik nog niet, maar * DaRace kan alleen maar een versie voor IE5.X vinden. Weet jij of er een voor 6.X is?

[[eNeRGy]]

Die werkt in 5.x en 6.x

[Verwijderd]

Het mooist is natuurlijk een functie die recursief de DOM tree naloopt, en alles omzet naar tekst. Dan krijg je niet de source van het document dat de DOM tree heeft gebouwd, maar een echte projectie van het document dat je aan het bekijken bent.

[[eNeRGy]]

Cheatah: Mozzie's Dom Inspector ?

Bij de IE tool zit ook een tree dingetje, werkt niet helemaal denderend, maar tis iig iets