How to download the current document's innerHTML as a file?

Question

Is there a way I could download the current document's innerHTML as file programmatically?

I've made the following attempt without success. It does download the current document's source, however that's not what I am looking for, since I want to preserve any post-load document modifications.

 var save = document.createElement('a');
 save.href = "my location href.attr";
 save.target = '_blank';
 save.download = fileName || 'unknown';

 var event = document.createEvent('Event');
 event.initEvent('click', true, true);
 save.dispatchEvent(event);

I do not understand what you are trying to achieve, despite your explanations. Could you try with other words? — plalx, Nov 10 '13 at 01:24
OK! I just want to save my page with dispatchEvent after some inline changing. but when i use href for it, it use a base html. — saeedhbi, Nov 10 '13 at 01:30
Sounds like you need something like onClick and preventDefault() ? Unclear tho... — mika, Nov 10 '13 at 01:31
@saeedhbi Would you mind if I re-write the question? I think others would have a better chance of finding the answer if they do have the same question. — plalx, Nov 10 '13 at 01:55
Yes, no problem. If you get better idea i'm glad to use it :) — saeedhbi, Nov 10 '13 at 01:58

plalx · Accepted Answer · 2017-04-17T01:17:00.890

10

Perhaps something like this? It's probably not very cross-browser however, but it works in Chrome.

function downloadCurrentDocument() {
  var base64doc = btoa(unescape(encodeURIComponent(document.documentElement.innerHTML))),
      a = document.createElement('a'),
      e = new MouseEvent('click');

  a.download = 'doc.html';
  a.href = 'data:text/html;base64,' + base64doc;
  a.dispatchEvent(e);
}
    
downloadCurrentDocument();

edited Apr 17 '17 at 01:17

answered Nov 10 '13 at 01:45

plalx

42,889
6
74
90

Thank you. This is my answer. – saeedhbi Nov 10 '13 at 01:50
@saeedhbi I'm glad I could help. I was quite puzzled with this one for a moment ;) – plalx Nov 10 '13 at 01:50
:) Than you for your time. – saeedhbi Nov 10 '13 at 01:56
@plalx Yes! Firefox:52.0.2 – candlejack Apr 17 '17 at 01:32

How to download the current document's innerHTML as a file?

1 Answers1

Linked