This bookmarklet allows you to export the content from Claude, ChatGPT, Grok and Gemini to a PDF with a single click. It's completely secure with no installations, data sharing to third parties, or extensions needed. Everything runs entirely in your browser. For chatbots allowing loading third-party libraries, the PDF can be searchable or not, depending on your choice. For other chatbots, the PDF will be always searchable.
-
Add a new bookmark to your browser with any name (e.g. "Export to PDF") and the following code as URL:
javascript:(function () { /* v. 0.8, github.com/give-me/bookmarklets */ let elements = [], csp = false; switch (location.hostname) { case 'claude.ai': elements.push(document.querySelector('div[data-test-render-count]').parentElement); elements.push(document.querySelector('div.ease-out.w-full[class*="overflow-"]')); break; case 'chatgpt.com': elements.push(document.querySelector('article').parentElement); elements.push(document.querySelector('section.popover>main')); csp = true; break; case 'grok.com': elements.push(document.querySelector('div.\\@container\\/main>div:first-child>div')); elements.push(document.querySelector('aside')); break; case 'gemini.google.com': elements.push(document.querySelector('#chat-history')); elements.push(document.querySelector('extended-response-panel response-container')); csp = true; break; default: return alert(location.hostname + ' is not supported'); } console.debug(`Found elements at ${location.hostname}:`, elements); elements = elements.filter(n => n); if (csp || confirm('Confirm if a PDF should be searchable')) { let temp = document.createElement('div'); temp.id = 'id-' + Math.random().toString(36).slice(2, 9); elements.forEach(el => el && temp.appendChild(el.cloneNode(true))); let style = document.createElement('style'); style.textContent = `@media print{body>*{display:none!important}#${temp.id}{display:flex!important;flex-direction:column}}`; document.head.appendChild(style); document.body.appendChild(temp); print(); setTimeout(() => { document.head.removeChild(style); document.body.removeChild(temp); }, 1000); } else { let script = document.createElement('script'); script.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.3/html2pdf.bundle.min.js'; script.onload = function () { let ts = new Date().toISOString().replace(/[-:T.]/g, '').slice(0, 14); let pdf = html2pdf().set({ margin: 5, filename: `${ts}.pdf`, html2canvas: {scale: 2, logging: false} }).from(elements.shift()); elements.forEach(el => pdf = pdf.toPdf().get('pdf').then(pdfObj => pdfObj.addPage()).from(el).toContainer().toCanvas().toPdf()); pdf.save(); }; document.body.appendChild(script); } })();
-
Open any dialog in Claude, ChatGPT, Grok or Gemini and click on the bookmark.
-
Confirm if the PDF should be se 5C4B archable and wait for the PDF.
If you choose that the PDF should be searchable, this bookmarklet will create a temporary print-specific stylesheet and a temporary container, clone the content of the dialog and related data into this container. When printing, only this container will be displayed while all other page elements will be hidden. The native browser print function is used, allowing to print directly or save as PDF. After printing, the temporary stylesheet and container will be automatically removed.
If you choose that the PDF shouldn't be searchable, this bookmarklet will load the html2pdf library from the Cloudflare CDN to work locally in order to avoid sending any data to any server. The library will be used to convert the content of the dialog and related data to a PDF file (A4 format, portrait orientation, 5mm margins, and 2x scale). The filename will be generated based on the current date and time.
Source code is available here. When user interfaces of chatbots change, this tool may need to be updated because the content of dialogs and related data are found using CSS selectors.