Puppeteer Quick Guide - Otaku-Projects/ReportEngine GitHub Wiki

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

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


Puppeteer Report README.md

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