Getting Dynamic HTML From a Page

One popular way to create a rich web experience is using DHTML with XMLHTTP to draw the UI instead of constantly hit the server again. Debugging this process, however, can be quite tedious as a View Source will only show the text sent from the server.

Sick of constantly typing javascript:{window.clipboardData.setData("Text",document.getElementsByTagName("html")[0].innerHTML);alert("Copied");} I in the Address bar, I just created a URL file and dropped in favorites, and it seems to work great. I'm sure a plugin work work much easier, but this works good enough for me.

Here's the URL file, you can save to your favorites and use it from there:
  http://papadimoulis.com/alex/Copy%20HTML%20to%20ClipBoard.url

Feel free to make a plugin that loads this in a favorite text editor.

Published Wednesday, September 29, 2004 10:42 AM by Alex Papadimoulis

Comments

Thursday, September 30, 2004 12:12 PM by anonymouse

# re: Getting Dynamic HTML From a Page

Something like this is pretty invaluable too:

http://www.iconico.com/webtool/index.aspx

Esepcially when you are working on a site that uses 6 frames...
Sunday, October 03, 2004 1:23 PM by Thom K

# re: Getting Dynamic HTML From a Page

Firefox has an extension that does that already, I use it everyday: http://www.chrispederick.com/work/firefox/webdeveloper/
Friday, October 29, 2004 9:57 AM by Huw W

# re: Getting Dynamic HTML From a Page

I wrote something similar a while ago. My version just pops up the source of the page in a new browser window.

javascript:window.open('about:blank').document.write('<xmp>'+document.body.outerHTML+'</xmp>');

Leave a Comment

(required) 
(required) 
(optional)
(required)