Puppeteer Quick Guide

Puppeteer Official Documentation

Repeating header/footer in Puppeteer is inconvenience for me.

I tried another called Puppeteer Report

Both syntax is similar but slightly difference

Interactive Documentation

Interactive Documentation provide better navigation, allows search , and consolidated the historical API version (since v0.9.0).

1. Generate screenshots and PDFs of pages.
2. Crawl a SPA (Single-Page Application) and generate pre-rendered content (i.e. "SSR" (Server-Side Rendering)).
3. Automate form submission, UI testing, keyboard input, etc.
4. Create an up-to-date, automated testing environment. Run your tests directly in the latest version of Chrome using the latest JavaScript and browser features.
5. Capture a timeline trace of your site to help diagnose performance issues.
6. Test Chrome Extensions.

Plain Text Documentation

if more prefer the plain text api doc, please read: Puppeteer API Tip-Of-Tree

• class: Page
  • page.pdf([options])
  • page.setDefaultTimeout(timeout)
  • page.createPDFStream([options])
• class: Browser
• class: Puppeteer

Supplementary examples / reference

Plus something common features you want in the printing result, please read the supplementary examples like

How to print pages/ page numbers/pagination in pdf puppeteer? #5345

• displayHeaderFooter, headerTemplate, footerTemplate
• inline css for increase the font size
• inline css for absolute positioning

Create PDFs with Node.js and Puppeteer

• run js to execute Puppeteer in console/command prompt

Convert web pages into PDFs with Puppeteer and NodeJS

• run js in node
• build a web service(API) to generate and respond PDFs from URLs

Puppeteer-Report Official Documentation

Readme

Puppeteer Report README.md

• customize the default header, footer, and pagination
• use JavaScript code to apply customization in the converting process