☰

Chrome Print — Сохранить как PDF — Распечатать на одной странице

tag-icon • tag-icon google-chrome print-to-pdf
Chrome Print — Сохранить как PDF — Распечатать на одной странице

Как можно подогнать размер страницы под размеры веб-страницы при печати с помощью функции «Сохранить как PDF» в Chrome?

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

решение1

ПРИМЕЧАНИЕ: ЭТОТ ПОДХОД ПОЛУУСТАРЕЛ

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 микрон, поэтому для HHHHHHHHH я заменил это на 2032 000.

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

Найдите свои собственные ассоциированные значения и сделайте то же самое с текстом ниже.

<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-файл из чего-то действительно индивидуального, это сэкономит вам немало времени.

серьезные обновления

В какой-то момент может показаться, что предварительный просмотр печати из Google Chrome обновился, чтобы быть более тестовым. В результате добавление пользовательского значения нарушает тестовое условие, и ничего не происходит. Этот подход больше не работает так, как показано.

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

Дорогой Google, если вы действительно просматриваете эти посты, может быть, просто разрешите пользовательский параметр микрон? Это было бы очень признательно!

решение2

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

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

решение3

Современное и единственное решение:

Добавьте следующий CSS-код в любое место исходного кода страницы(или CSS-файл, используемый самой страницей)и измените размеры на любое значение по вашему желанию.

@page {
    size: 4.0in 25.5in; /* <- You can change these dimensions */
    margin: 0;
}

Теперь попробуйте опцию «Сохранить как PDF», и вы увидите, что страницы будут иметь указанные размеры.

решение4

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

введите описание изображения здесь

Есть макет, где можно выбрать между портретной и альбомной ориентацией.

В разделе «Размер бумаги» можно выбрать один из нескольких стандартных размеров.

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

Есть Scale, который, возможно, будет наиболее полезен для этого.

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

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

Связанный контент