Wenn der Inhalt einer Website mit Javascript modifiziert wurde, sieht man davon in der normalen Quelltext-Ansicht des Firefox nichts - dort bleibt alles, wie es vor dem Ausführen des Scripts aussah. Möchte man sich den Quellcode einer Seite mit allen durch JS durchgeführten Änderungen ansehen, kann man den folgenden Codeschnipsel in die Adresszeile des Browsers eingeben:
javascript:(function(){c=unescape(document.documentElement.innerHTML); c=c.replace(/&/g,'&'); c=c.replace(/</g,'<');c=c.replace(/>/g,'>'); x=window.open(); x.document.write('<html><head><title>Source of Page</title></head><body><pre>' + c + 'n</pre></body></html>'); x.document.close(); })();
Für den schnellen Zugriff bietet es sich an, ein Lesezeichen mit diesem Code anzulegen.
Kommentare (3)
kputt ¶
16. April 2007, 11:45 Uhr
Ein netter Workaround dafür: Einfach mit STRG+A die komplette Seite selektieren, und mit Rechtsklick -> "Auswahl Quelltext anzeigen" lässt sich der aktuelle Quelltext inkl. sämtlicher per JS vorgenommener Änderungen, einsehen.
Dürfte schneller gehen, als den Code zu kopieren, und in die Adresszeile einzugeben.
Peter ¶
16. April 2007, 18:58 Uhr
Natürlich kopiert man den Code auch nicht immer in die Adresszeile, sondern macht sich ein Bookmark daraus.
Silvan Hagen ¶
6. Mai 2007, 13:26 Uhr
Sofern man die Extension Web Developer für den Firefox installiert hat, kann man auch unter "View Source" auf "View generated Source" klicken und voilà hat man den generierten Quelltext.
Auch nützlich ist die Extension Firebug die live die Änderungen am DOM dokumentiert.