Browser extension - copying website source to a clipboard on click. I want to get source after javascript is executed

Question

I can't find the solution to this.

Imagine scenario:

You are entering LinkedIn, doing some search and then running browser extension to copy to clipboard actual source of the website - the same code as you can see at a right mouse click and Inspect.

Is this possible? Is there already any solution to that?

`document.documentElement.innerHTML` – Reinstate Monica Cellio Nov 27 '19 at 13:36 — Reinstate Monica Cellio, Nov 27 '19 at 13:36
Did you try the code in the answer? – CertainPerformance Nov 27 '19 at 19:16 — CertainPerformance, Nov 27 '19 at 19:16

score 1 · Accepted Answer · answered Nov 27 '19 at 13:37

You can get the HTML of the entire document using

document.documentElement.outerHTML

and then copy that string to the clipboard:

const { outerHTML } = document.documentElement;
const textarea = document.body.appendChild(document.createElement('textarea'));
textarea.value = outerHTML;
textarea.focus();
textarea.select();
document.execCommand('copy');
textarea.remove();

Browser extension - copying website source to a clipboard on click. I want to get source after javascript is executed

1 Answers1