title: How to copy the CSS to another tab in Chrome?
body: <p>In Chrome I can use the <em>Developer Tools</em> window to copy the HTML of a live web page from one tab to an other by querying <code>escape(document.documentElement.innerHTML)</code>, copy-pasting the result to the <em>Developer Tools</em> window of the other tab, creating a new element there, and setting its <code>.innerHTML</code>. However, this doesn't copy the CSS or the event handlers. I don't care about JavaScript and the event handlers, but I want to copy both the HTML and the CSS. What is the easiest and yet faithful way to do that? I'm mostly interested in Google Chrome, but I'd consider solutions which work in Firefox as well.</p>
  
  <p>I know that I can iterate over the the <code>&lt;link ...&gt;</code> and <code>&lt;style ...&gt;</code> tags and copy them, but that would be a bit indirect. I'd like to copy the concatenated, final version of the actual CSS of the page.</p>