{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 姐就是有狂的资本 的问题《How can I dump the entire Web DOM in its current s》','https://www.manongdao.com/q-1243752.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I want to dump the current DOM to a file and be able to view it offline. Essentially, I have an outdated version of a page that I would like to keep around for comparison. As soon as I close my browser, I'm going to lose it so I would like to save the DOM exactly as it is.
There is already an answer for doing this in Firefox but how do I do it in Chrome?
I am currently using version 53.0.2785.113 m of Chrome. The other answers no longer appear to be valid. To properly copy all child/descendant elements the user now has to right click on
<html>then click "Expand All" before copying. Other wise you will not recursively copy all elements. A normal Ctrl+C will copy everything one<html>has been expanded.Using the Web Inspector (F12), go to the Elements tab, right click on the
<html>tag in your code and selectCopy->Copy outerHTML. Then paste that into a new file and save.Command line solution
This is easy to do with newer releases of Chrome:
(The OP may not have been looking for a command line solution but this search result appears high when searching so others might find it useful)
Original answer 2017
My favorite way to do this is:
If you're not familiar with how Docker works, be patient - the first time will be slow but subsequent invocations will be quick.
Other information
Tested on
Ubuntu 16
Docker version:
Mac OS X Sierra
Docker version:
If you install
tidyyou can indent the HTML too.