2

При печати через "Сохранить как PDF" в Chrome, как я могу сделать так, чтобы размер страницы соответствовал размерам веб-страницы?

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

3 ответа3

1

На данный момент я нашел расширение Chrome, которое работает для того, что я делаю. Это позволяет мне снимать всю страницу, а затем сохранить ее в формате PDF или изображение. Единственным недостатком этого метода является то, что страница (даже в формате PDF) представляет собой изображение. Таким образом, текст нельзя выделить или векторно масштабировать.

Вот расширение, если оно кому-нибудь еще поможет:сделайте снимки экрана с веб-страницы целиком - FireShot

0

Chrome имеет стандартный, но небольшой набор инструментов для разметки страницы в диалоговом окне «Печать». Они находятся прямо под вами, где вы выбираете печать, и поэтому не трудно пропустить.

Существует Макет, где вы можете выбрать между Портрет и Пейзаж.

Существует Размер бумаги, где вы можете выбирать между различными стандартными размерами.

Есть поля, где вы можете настроить незапечатанные поля страницы.

Существует шкала, которая, возможно, будет наиболее полезной для этого.

И есть дополнительные опции для включения / исключения верхних / нижних колонтитулов и фоновой графики.

Печать веб-страниц - неточное искусство, потому что большая часть дизайна страницы на самом деле явно определена в коде страницы, и это не оптимизировано для макета печати. Эти явно заданные коды макета страницы конфликтуют с параметрами макета печати, с которыми вы, возможно, знакомы по текстовому редактору или другим приложениям, где программа может осуществлять больший контроль над макетом документа.

0

Chrome достаточно действительно впечатляет своей способностью позволяет настраивать в разделе печати для размеров страниц.

Таким образом, вы можете настроить свой размер печати. Это действительно спасло меня от необходимости печатать веб-страницу размером 32 на 80 дюймов в формате PDF.

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

  1. Ctrl + p, чтобы открыть диалоговое окно печати
  2. Нажмите "Дополнительные настройки", чтобы развернуть нижний раздел.
  3. Щелкните правой кнопкой мыши на раскрывающемся меню "Размер бумаги" и выберите "Проверить".
    (примечание: это откроет инструменты разработчика Chrome)

  4. В инструментах разработчика будет выделен <select class="md-select">...</select> , щелкните стрелку рядом с ним, чтобы развернуть этот раздел.

  5. После расширения первый вариант будет:
    <option value="{&quot;height_microns&quot;:1189000,&quot;name&quot;:&quot;ISO_A0&quot;,&quot;width_microns&quot;:841000,&quot;custom_display_name&quot;:&quot;A0&quot;}">A0</option>
  6. Щелкните правой кнопкой мыши по этому, а затем выберите "Редактировать как HTML". Откроется раздел редактирования текста с выделенным текстом предыдущей опции.

На данный момент все, что вам нужно сделать, это вставить пользовательский параметр в этот список после существующего. Это означает, что нужно вставлять свои собственные. К сожалению, я не могу создать инструмент для вставки фрагмента, поскольку суперпользователь не допускает использование stacksnippets.

Есть только несколько значений, которые нужно изменить. Я изменил имена на CUSTOM здесь ниже.

Вы заметите, что в тексте ниже есть HHHHHHHHHH и WWWWWWWWWW. Они должны быть вручную изменены на микронные значения, связанные с желаемыми размерами. Этот веб-сайт предоставляет хороший бесплатный микронный калькулятор: https://www.calculateme.com/length/inches/to-microns/

Для моего роста это было: 80 дюймов = 2 032 000 микрон, поэтому для HHHHHHHHHH я заменил это на 2032000

Для моей ширины это было 32 дюйма = 812 800 микрон, поэтому для WWWWWWWWWW я заменил это на 812800

Пожалуйста, найдите свои собственные связанные значения и сделайте то же самое с текстом ниже.

<option value="{&quot;height_microns&quot;:HHHHHHHHHH,&quot;name&quot;:&quot;ISO_CUSTOM&quot;,&quot;width_microns&quot;:WWWWWWWWWW,&quot;custom_display_name&quot;:&quot;CUSTOM&quot;}">CUSTOM</option>

Когда этот текст будет готов, поместите его непосредственно после раздела в текстовом редакторе "Редактировать как HTML". После этого щелкните в любом месте за пределами области редактирования текста, чтобы изменения отображались.

На этом этапе вы можете щелкнуть раскрывающееся меню, увидеть опцию CUSTOM и выбрать ее.

Я знаю, это звучит трудно, однако, это действительно довольно просто, и если вы делаете PDF из чего-то действительно нестандартного, это должно сэкономить вам довольно много времени.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .