JSDom simulates a web browser environment in node.js and allows you to access DOM structure; Puppeteer enables you to control headless Chrome from Node.js; PhantomJS a headless web browser scriptable with JavaScript; JSDom doesn't work well, because we need to get visible elements from the url and JSDom doesn't parse css styles well [1, 2]. pdfjs-dist Create and open your React js project. yarn create react-app yourprojectname cd yourprojectname 2. Install @phuocng/react-pdf-viewer and pdfjs-dist to your project. yarn add In order to view PDF files on your HMTL5 website, you need to have them embedded in an HTML5 PDF viewer. A browser like Chrome already has a plugin to do that, but Firefox and Internet Explorer do not. So, your PDF file will display correctly to those who are on your website using Chrome. Other browsers will show the alternate content. Once the index.js is updated as above lets restart the app. $ npm start or you can use $ npm app.js Lets open the swagger using below URL and test our brand new API. a.In a terminal, go to the directory in which the files jsDemo07A.js and jsDemo07A.html has been stored and execute the commands mv jsDemo07A.js jsDemo07A.pretty.js uglifyjs jsDemo07A.pretty.js -m -c > jsDemo07A.js (The option "-m" is for mangle and the option "-c" is for compress; to see a full list of options, use uglifyjs -h.) The most popular options in response to my tweet were wkhtmltopdf, and printing using headless Chrome and Puppeteer. wkhtmltopdf A solution that was mentioned a number of times on Twitter is a commandline tool called wkhtmltopdf. This tool takes an HTML file or multiple files, along with a stylesheet and turns them into a PDF. We take the canvas obtained from html2canvas and then convert it to a PNG image. And finally, render it to the PDF using jspdf. Lets go by an example: import html2canvas from 'html2canvas'; import { jsPDF } from "jspdf"; const divToDisplay = document.getElementById ('div') html2canvas (divToDisplay).then (function (canvas) { PDF. .js. A general-purpose, web standards-based platform for parsing and rendering PDFs. Download Demo GitHub Project. That's because this functionality hasn't been implemented in pdf.js. The open PR #2485 has a partial implementation of #search=. The reason that this PR hasn't been merge yet, is probably that the way pdf.js implements searching doesn't conform exactly to the Adobe specification. I'll ping one of the developers, to see if #2485 can be merged. Client side or Backend side PDF generation? Option 1: Making a Screenshot from the DOM Option 2: Use only a PDF library Final option 3: Puppeteer, headless Chrome with Node.js Style manipulation Send file to the client and save it Using Puppeteer with Docker Option 3 +1: CSS print rules Summary Client side or Server side PDF generation? We forgot the Convert to Pdf button. Open index.html and add the following code. renderer.js Write the following code in the renderer.js file and we'll talk about this later. Breaking down const ipc = require ('electron').ipcRenderer; - The ipcRenderer module is an instance of the EventEmitter class. Pretty print your Javascript and JSON. Format your code for easier reading. Convert between XML and JSON. A simple tool to quickly and easily format your Javascript and JSON. See your code formatted as you type! Or have your code instantly converted when you paste into the text area. Also lets you convert between JSON and XML. Pretty print your Javascript and JSON. F