Как сохранить страничку сайта в pdf?⁠⁠

на php есть либа mpdf, что-то подобное делал, через запрос на сервер и генерацию через этот mpdf.

Ctrl+P из браузера. Единственный вариант.

потому что у тебя вопросы не программиста, а манагера

для манагера:

в проект положить скачанные файлы

print.min.js

print.min.css

в футере после </body> написать:

<script src="путь/print.min.js"></script>

<link type="text/css" rel="stylesheet" href="путь/print.min.сss">

плиз не спрашивай где взять путь

Возможно не нужно сохранять текущую страницу в пдф, а нужно вывести некоторые данные со страницы. Не могу представить реальной необходимости сохранять именно страницу. Так что скорее нужна нормальная генерация pdf на стороне сервера по тем же данным, которые есть на странице, а не "сохранение страницы".

сорри, я думал ты программист

я не смогу объяснить

ну в смысле подключи эту библиотеку каким-нть способом без участия фронтовиков

Ну так поставь селениум для перла, закинь хромдрайвер и вытягивай пдф. Если чет не получается, работай с параметрами запуска вебдрайвера.

сорри, через реакт

пиздят

импортируй его сам через ноду и вызывай тоже сам после document.ready / window.onload

если ссайт на реакте, то при рендеринге происходит множество разной мути, которую ДО рендера (на стороне сервера) ты никогда не предугадаешь

таким образом сперва нужно дать стр отрендериться полностью и только затем что-то с ней делать

это значит что при всем богатстве выбора ты ограничен клиентским жабоскриптом

самое простое и быстрое — после полного рендеринга стр вызвать системный диалог печати и пусть юзерь поставит в нем галочкку типа "печатать в файл PDF". но если хочется поебаться, попробуй начать с этого: https://printjs.crabbly.com/

На бэке генерировать надёжнее всего. Через эмулятор браузера. На вскидку можешь погуглить селениум, vkhtmltopdf, google web driver.

У меня в принтерах есть виртуальный принтер, который сохраняет "напечатанное" в ПДФ.

Надо просто нажать CTRL+P и отправить на этот принтер. Вуаля ))

Фронт отдает не реактовый код. Фронт исполняет js. Обычно chromium дожидается ивента document.onload и после этого делает сохранение в pdf. В твоем случае похоже что фронт какой-то кривой и уже после отрисовки начинает выполнять какие-то действия. Как самый кривой костыль - можно поиграться с таймаутами, в ином случае лучше смотреть конкретный кейс и решение будет чисто под него. Без конкретных проблем помочь больше ничем никто тебе не сможет

Давай скрин или какие-то наводки. Попробую помочь, но я не ванга)

Сколько он у вас стартовать будет. А туда просто по сети http запрос сделал, pdf как ответ получил

что именно не пашет?

Подними контейнер с headless-chrome

chromium --headless --disable-gpu --print-to-pdf http://your_page
все пашет из коробки

Если задача именно в формировании pdf текущей страницы, которую видит пользователь то есть варианты:
1. Ctrl+P с печатью в PDF - делать вообще ничего не требуется, на кнопке достаточно вызвать https://developer.mozilla.org/ru/docs/Web/API/Window/print и диалог сам откроется, а вот выбирать печать в pdf придется вручную.

2. Так как страница уже открыта и все нужное отображается, то по кнопке можно получить текущее состояние через document.documentElement.innerHTML (react и вся прочая по любому формируют html, который можно вытащить таким образом) после чего полученный html можно отправить post запросом на бэк и там его сконвертить в pdf. Тут есть засада со стилями/картинками - нужно в html указать абсолютные пути к ресурсам, а теги script убрать, но это меньшая из проблем.

Когда разбирался с вопросом конвертации html -> pdf на бэке оказалось, что практически все множество способов/доступных либ сводится к использованию headless chromium/chrome и любого другого браузера через специальное api ChromeDevTools или другого браузера с соответствующим api.

В итоге на сервере поднят экземпляр headless chromium/chrome, который обернут микросервисом генерации pdf по полученному html:
1. Подключается к экземпляру по ChromeDevTools api
2. "Открывает" новую вкладку
3. Передает туда html  через SetDocumentContentCommand

4. Браузер загружает все ресурсы и готовит документ к отображению
5. Посылается команда PrintToPDFCommand с  нужными параметрами (можно даже задать содержимое header/footer)
6. В ответ приходит массив байт - готовый pdf

7. "Закрываем" вкладку

8. Делаем с pdf все что нужно.

react-pdf... Не?

Через хромиум у меня отлично работает. Смотри - ты что то делаешь не так, мб выключил исполнение js

Если уж на Хабре обосрались, здесь точно будет хуже.

добавлю, раз уж Perl:
https://metacpan.org/pod/Selenium::Remote::Driver

Ну это же элементарно. Нужно сделать функцию на js с задержкой, которая срабатывает при открытии сайта с нужным параметром, задержка эта позволяет закончиться рендерингу, а потом идет сохранение в PDF. Ну а далее так как написано в пункте 2.

А в чем проблема по соседству поднять? Если уж хочется все в монолите, то я думаю и на перле нет проблем поднять chromium и отрендерить в нем pdf. По факту можно все на shell script сделать.

https://wkhtmltopdf.org

Вам на беке нужно рендер делать или на фронте?

пример на ноде, должно сработать:

const puppeteer = require('puppeteer');(async() => { const browser = await puppeteer.launch() ; const page = await browser.newPage(); await page.goto('https://www.gq.com/story/tokelau-teenagers-lost-ocean?printable=true') ; //await page.emulateMedia('screen') ; await page.pdf({ path: "story.pdf", printBackground: true });await browser.close() ;})();