Рубрики
Без рубрики

Генерация PDFS (счеты, руководства и многое другое) с веб-страниц, используя quipeteer / pramwright

Эта статья была первоначально опубликована на GeakeLess.dev Cuppeteter, и Ramwright можно использовать для CRE … Теги с WebDev, Node, JavaScript, учебником.

Эта статья была первоначально опубликована на theheadless.dev

Кукла и драматург могут использоваться для создания PDF с веб-страниц. Это открывает интересные сценарии автоматизации для задач, таких как архивирование, генерирующие счета, руководства, книги и многое другое.

В этой статье представлена эта функция и показывает, как мы можем настроить PDF, чтобы соответствовать нашим потребностям.

Создание файла PDF

После загрузки страницы мы используем Page.pdf () Команда для преобразования его в PDF.

С Щековицей:

С драматургом:

Обратите внимание, что нам нужно пройти путь Опция, чтобы файл PDF фактически сохранен на диск.

ПРЕДУПРЕЖДЕНИЕ. Эта функция в настоящее время поддерживается только в хроме без головы в Щенок, так и в RayWrage.

Настраивая результат

Важно быстро посмотреть на официальные документы для Page.pdf () ( Кукла или Драматург ), как почти наверняка, что мы захочем настроить внешний вид нашей страницы в результате PDF.

В некоторых случаях наша веб-страница может значительно отличаться в нашем PDF по сравнению с нашим браузером. В зависимости от случая, он может окупаться на эксперимент со следующими:

  1. Нам может потребоваться установить вариант PrintBackground В соответствии с величиной в случае, если графические компоненты отсутствуют в сгенерированном PDF.
  2. По умолчанию Page.pdf () Сгенерирует PDF с регулируемыми цветами для печати. Установка свойства CSS -webkit-print-color-add reading: точный Будет заставить рендеринг оригинальных цветов.
  3. Призыв Page.emulatemedia («Экран») Изменяет тип среды CSS страницы.
  4. Установка либо ширина и Высота или формат Для соответствующего значения может потребоваться для того, чтобы страница была отображена оптимально.

Настройка заголовка и нижнего колонтитула

У нас также могут добавляться пользовательские заголовки и нижние колонтитулы на наши страницы, отображающие значения, такие как заголовок, номер страницы и многое другое. Давайте посмотрим, как это выглядит на вашем Любимый сайт :

С Щековицей:

С драматургом:

Мы включаем следующие шаблонные файлы для нашего заголовка …


  
    
  
  
    

         -

… и нижний колонтитул:


  
    
  
  
    

      Page  of

Первая страница сгенерированного PDF выглядит следующим образом:

Совет: Chromium устанавливает заполнение по умолчанию для заголовка и нижнего колонтитула. Вам нужно будет Переопределить его в ваших CSS.

Дальнейшие соображения

Мы можем легко преобразовать существующие веб-страницы в формат PDF, как мы показали в нашем примере. Еще более интересным использованием случая является о том, чтобы генерацию совершенно нового документа: теперь мы можем использовать наши существующие навыки HTML и CSS для получения высококачественных PDF, часто исключающих необходимость в латексах или аналогичных инструментах.

См. Точки 2 и 3 из следующего раздела для практических примеров этого подхода.

дальнейшее чтение

  1. Статья Pocket Admin On Генерация PDF из HTML Отказ
  2. Руководство Флориана Mößle к Генерация счетов с куклом
  3. Отличный пример функции генерации PDF Puppeterier: Ли Хайи ‘s Руки на Scala книга. Смотрите построить трубопровод за этим.

Изображение баннера: «Студенты, работающие с печатной прессой, рабочий мужской колледж» по Государственная библиотека Виктория Коллекции лицензируется под CC BY-NC 2.0

Оригинал: “https://dev.to/checkly/generating-pdfs-invoices-manuals-and-more-from-web-pages-using-puppeteer-playwright-3l07”

Читайте ещё по теме: