javascript:document.body.appendChild(document.querySelector("#readme"));document.querySelector("header").remove();document.querySelector(".application-main").remove();document.querySelector("footer").remove();window.print();
Make it into a bookmarklet. It removes everything around the markdown article and opens the print dialog.
For what it's worth, with following code it works for me:
javascript:document.body.appendChild(document.querySelector(".markdown-body"));document.querySelector("[data-turbo-body]").remove();window.print();
Thanks! I added the following just before window.print() to remove all the ugly clipboard-copy buttons:
document.querySelectorAll("clipboard-copy").forEach((cc) => {cc.parentNode.removeChild(cc);});
Edited to set the font size to 10pt and made the change above (to remove copy button)
javascript:document.body.appendChild(document.querySelector(".markdown-body"));document.querySelector("[data-turbo-body]").remove();document.querySelectorAll("clipboard-copy").forEach((cc) => {cc.parentNode.removeChild(cc);});var style = document.createElement('style');style.innerHTML = '.markdown-body { font-size: 10pt; }';document.head.appendChild(style);window.print();
For what it's worth, with following code it works for me:
javascript:document.body.appendChild(document.querySelector(".markdown-body"));document.querySelector("[data-turbo-body]").remove();window.print();
This is very nice, but only the first message in the thread is displayed with this snippet. Is that the intended behavior, @thomasverleye ?
To get the whole thread, I've used
javascript:document.body.appendChild(document.querySelector("#discussion_bucket"));document.querySelector("[data-turbo-body]").remove();window.print();(that is, I used #discussion_bucket insteal of .markdown-body.)
This has been extremely helpful 😄 . I'm surprised GitHub doesn't support this by default.
It may be better to use
document.querySelector(".markdown-body")instead ofdocument.querySelector("#readme"). This seems to make it work on Wiki pages as well.