Как сохранить веб-страницу в PDF без всяких расширений — Лайфхакер

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

С помощью стандартной функции браузера

Многие популярные браузеры позволяют сохранять страницы в виде PDF-файлов через меню печати. Войдите в него, находясь на нужной странице, с помощью комбинации Ctrl + P. После этого найдите в открывшемся меню функцию сохранения в PDF и воспользуйтесь ею. Браузер ничего не распечатает, только сохранит PDF-файл на компьютере.

Меню печати в Google Chrome

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

Инструкция

Данная статья разделена на несколько подзаголовков. Мы рассмотрим по отдельность следующие инструкции:

  • Сохранение веб-страниц в виде файлов.
  • Функция закладок.
  • Восстановление закрытых сайтов при запуске браузера.
  • Синхронизация данных.

Как создать PDF файл с помощью стандартных средств Windows 10

Одной из особенностью Windows 10 является то, что в ней встроенный PDF printer, то есть вы можете печатать любой документ не на принтер, а в PDF файл. Например, создадим текстовый документ в блокноте. Напишем «Как создать PDF файл», нажмем «Файл», затем «Печать».

Как создать PDF файл

Как создать PDF файл

Откроется окошко с выбором принтера. Из всех представленных принтеров нужно выбрать «Microsoft Print to PDF», поставить галочку «Печать в файл» и нажать кнопку «Печать».

Как создать ПДФ файл

Как создать ПДФ файл

Откроется окошко, в котором нужно выбрать место сохранения документа PDF и написать имя документа, затем нажать кнопку «Сохранить». Я выберу место для сохранения – «Новая папка» в «Документах» и назову файл «Как создать ПДФ файл».

Сохранение ПДФ файла

Сохранение ПДФ файла

Решаем задачу одной строкой

В командной строке вызываем Chrome в безголовом режиме с сохранением страницы в pdf:

chrome —headless —disable-gpu —print-to-pdf https://google.com

Пользователям Linux может понадобиться вместо chrome запускать chromium-browser.
Пользователям MAC может быть полезно предварительно создать alias:

alias chrome=»/Applications/Google\ \Chrome.app/Contents/MacOS/Google\ \Chrome»

UPDATE: В комментариях внесли уточнение, что пользователям Windows необходимо явно задавать имя PDF файла —print-to-pdf=output.pdf

Если у Вас уже есть генератор HTML документов, вместо https://google.com укажите URL для получения этого документа.

Открываем в локальной директории файл output.pdf и смотрим результат.
Первое, что может броситься в глаза — это наличие Header с датой печати и Footer с URL и нумерацией страниц. Для того, чтобы их убрать нужно добавить несколько CSS правил. Эти правила вряд ли получится добавить на страницу google.com, поэтому для дальнейшей работы лучше создать собственный HTML документ.

2.1. PDF в Google Chrome

Рассмотрим, как в Google Chrome можно сохранить веб-страницу в PDF.

печать веб-страницы в Google Chrome

Рис. 1. Меню Google Chrome (три вертикальные точки) – Печать открытой веб-страницы

  • Кликаем меню «Настройка и управление Goggle Chrome» (1 на рис .1);
  • щелкаем «Печать» (2 на рис. 1).

После чего открывается «Печать» через браузер Google Chrome (рис. 2):

сохранить как PDF через Google Chrome

Рис. 2. Сохранить в PDF, используя браузер Google Chrome

Если у Вас в меню «Печать» нет опции «Сохранить как PDF», которая указана на рис. 2, а вместо нее стоит название используемого принтера, например, HP LaserJet M1005 (рис. 3), тогда кликните по кнопке «Изменить»:

ищем в Google Chrome опцию Сохранить как PDF

Рис. 3. Жмем «Изменить», чтобы найти в браузере Google Chrome опцию «Сохранить как PDF»

Появится диалоговое окно «Выбор места назначения», в котором надо обратить внимание на вкладку «Локальные места назначения»:

галочка напротив опции «Сохранить как PDF»

Рис. 4. Ставим галочку напротив опции «Сохранить как PDF»

Если поставить галочку напротив  опции «Сохранить как PDF» (рис. 4), то появится такое же окно, как на рис. 2. Тогда можно сохранить веб-страницу в PDF-формате с помощью браузера Google Chrome.

Что в браузере Google Chrome можно подправить для сохранения в PDF?

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

дополнительные настройки Google Chrome для PDF

Рис. 5. Открываем дополнительные настройки Google Chrome для сохранения в PDF

И установить масштаб 100% или другой, более уместный для стиля публикаций конкретного веб-ресурса.

Масштаб и параметры для PDF в Chrome

Рис. 6. Масштаб и параметры для PDF-формата в браузере Chrome

Представление информации в формате PDF

Зачастую многие люди пытаются сохранить на компьютер себе информацию и впоследствии использовать её в своих целях (чтение, печать, изменение). Формат, в котором информация представлена удобно и с помощью дополнительного ПО доступна к редактированию — PDF. В этом формате веб-страницу в полном объёме либо частично можно сохранить к себе на компьютер. В зависимости от браузера, это можно делать либо с помощью плагинов, которые могут быть уже интегрированы в браузер, либо с помощью дополнительных конвертеров.

Сохранение страницы как PDF в Опере

Чтобы сохранить страницу как PDF в Опере нужно:

  1. Открыть страницу, которую следует скачать в PDF-формате;
  2. Вызвать контекстное меню, кликнув правой кнопкой мыши в любом месте сайта;
  3. Выбрать пункт «Сохранить страницу как PDF».
    Сохранить страницу как PDF в Опере

В специальном сервисе

В Сети есть множество сайтов, предназначенных для сохранения веб-страниц в виде PDF-файлов. Вот лишь некоторые из них: Webpage to PDF, Free HTML to PDF Converter, Pdfcrowd, «Онлайн Конвертер PDF», Online-Convert.

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

Сервис Webpage to PDF

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

Мобильные браузеры

IOS

Не беспокойтесь, если вы не узнаете термин «кнопка« Поделиться »» — вам не нужно загружать дополнительное приложение или что-то подобное. Это название этой маленькой кнопки загрузки, к которой вы всегда можете получить доступ на веб-странице: на панели инструментов она выглядит как квадрат со стрелкой вверх и используется для сохранения, просмотра и облачных сервисов. Вот где вам нужно начать.

Шаг 1: На веб-странице, которую вы хотите сохранить, нажмите кнопку «Поделиться».

Шаг 2: Это открывает ряд параметров загрузки для любых совместимых приложений, установленных на вашем мобильном устройстве. Проведите пальцем по экрану, пока не найдете параметр «Сохранить PDF в iBooks» со значком iBooks. Выберите эту опцию.

Шаг 3: Это создаст PDF-файл, который автоматически сохраняется и запускается в iBooks, чтобы вы могли его просмотреть. Тем не менее, вам может понадобиться немного терпения при попытке этого. Мобильные переходы PDF обычно работают, но иногда могут возникать проблемы с форматированием или ошибки. Если ваш PDF не очень читаемый, попробуйте сохранить его на рабочем столе.

Android

Для устройств Android мы предлагаем загрузить простое приложение Convert Web to PDF, которое дает вам возможность быстрого преобразования с несколькими базовыми опциями редактирования. Вы можете преобразовать только текст или только фон, если хотите, и определить оглавление или уровни качества, если это необходимо.

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

Альтернатива: панель инструментов Adobe PDF

Если вы платите за подписку на сервисы Adobe (или хотите начать бесплатную пробную версию), существует дополнительная опция. Adobe позволяет вам установить панель инструментов PDF в вашем браузере. Это создает простую кнопку «Конвертировать», которая обеспечивает сверхбыстрые преобразования на лету. Панель инструментов работает в Internet Explorer, Chrome и Firefox и может быть более удобной для вас, если вы регулярно используете инструменты Adobe.

Для получения дополнительной информации о конверсиях мы также можем помочь вам конвертировать их в JPG, конвертировать в EPUB и конвертировать в .docx.

Сохранение страниц при закрытии браузера

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

Чтобы восстановить ранее открытые вкладки:

  1. Откройте «Меню».
  2. Далее нажмите на пункт «История».
  3. Здесь вы увидите пункт «Недавно закрытые» — неважно сколько их было запущено в предыдущую сессию, 2 или 25 они разом будут все открыты.Просмотр недавно закрытых вкладок в основном меню Google Chrome

Примечание: если вкладок было открыто много, возможно, понадобится подождать некоторое время пока все страницы, подгрузятся.

Чтобы в случае с неожиданным аварийным закрытием браузера можно быстро вернуть всё автоматически при следующем запуске браузера — для настройки таких параметров следуйте инструкции:

  1. Откройте «Меню».
  2. Перейдите в «Настройки».
  3. Выберите вариант «Ранее открытые вкладки», который находится в разделе «Запуск Google Chrome».Опция для открытия ранее закрытых вкладок при запуске обозревателя Chrome

Теперь не потеряете важную информацию даже при неожиданном выключении ПК.

Типографика в CSS

При двусторонней печати можно задать разные отступы от края для правых и левых страниц по отдельности если в дальнейшем предполагается брошюровка:

@page :left { margin-left: 4cm; margin-right: 2cm;}@page :right { margin-left: 4cm; margin-right: 2cm;}

Для первой страницы можно задать собственное оформление, например, увеличенный отступ от верхнего края:

@page :first { margin-top: 10cm /* Top margin on first page 10cm */}

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

h1 { page-break-before : right }

Посредством свойства page-break-after можно запретить разрыв страницы сразу после некоторого элемента, например, заголовка второго уровня:

h2 { page-break-after : avoid }

Свойство page-break-inside поможет избежать разрыва страниц там, где делать это нежелательно, например посреди таблицы

table { page-break-inside : avoid }

Свойства orphans и orphans помогут избежать разрыва страниц в начале и в конце абзаца:

@page { orphans:4; widows:2;}

Синхронизация вкладок на нескольких устройствах

Синхронизация данных браузера на нескольких устройствах очень полезная «плюшка». Для этого нужно авторизоваться в своем аккаунте Гугл Хром на нескольких устройствах.

Таким образом можно без потери функциональности работать с одними данными с разных устройств благодаря синхронизации вкладок на всех устройствах.

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

Примечание: для успешной синхронизации и работы на разных устройствах вы должны быть авторизованы с одного аккаунта.

Что еще не так?

Я вижу две основные проблемы:

  1. Невозможность простого определения положения элементов в документе. Это делает затруднительным формирование оглавления с автоматическим указанием номеров страниц, особенно, если размер контента заранее неизвестен.
  2. Преобразованием занимается Chrome — продукт Google который собирает о пользователях самую разную информацию. Если утечка данных из документа недопустима, к предлагаемому решению нужно относится осторожно — закрыть браузеру выход на внешние ресурсы, или вовсе поискать другое решение. Использование Chromium с открытыми исходниками не решает проблемы — в нем уже находили жучки от Google.

Рейтинг
( 1 оценка, среднее 5 из 5 )
Загрузка ...