Как распечатать html страницу

Если вы хотите распечатать интересную вам статью из интернета, совершенно не обязательно рыскать по веб-странице в поисках версии для печати и, уж тем более, копировать её в Word (но все равно мы также рассмотрим этот вариант, так как многие пользователи привыкли использовать эту программу для работы с текстом). Оба этих способа рутинны и нерациональны. Надо отметить, что если вы будете копировать текст из интернет — страницы и вставлять в любой текстовый редактор, то вам надо будет потом редактировать картинки и текст (картинки могут залезать на края страницы в Word-е и текст может отображаться неправильно), а это не очень хорошо. Ведь, есть и другие более простые способы, как распечатать страницу из интернета на принтере.

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

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

• Google Chrome
• Mozilla Firefox
• Opera
• Internet Explorer
• Яндекс Браузер
• Microsoft Edge

Как выбрать текст, который надо распечатать

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

Чтобы выбрать текст, который будет распечатан на принтере, нужно выделить текст левой кнопкой мыши. Нажимаем левой кнопкой мыши в начале текста и не отпуская ее двигаете мышь к последнему слову в этом документе. Таким образом, у вас должен выделиться текст, который вы хотите распечатать.

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

Не снимая выделения, одновременно нажимаем две клавиши на клавиатуре «Ctrl» + «P» — комбинация клавиш подходит для всех браузеров. После этого откроется окно, где необходимо выбрать нужные параметры и нажать на кнопку «Печать». Теперь давайте поговорим о том, что надо нажимать в браузере на этом этапе. Ниже вы можете найти ваш браузер, чтобы начать процедуру печати.

Google Chrome

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

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

Количество страниц стало 10, а было 12. Также из документа были убраны элементы, которые не относятся к тексту. Как можете видеть из практики эта функция полезная, и мы рекомендуем пользоваться ее. Теперь осталось нажать «Печать», чтобы распечатать эти страницы.

Если вам нужен документ в хорошем качестве, то рекомендуем нажать «Дополнительные настройки» и в разделе качество укажите «600 dpi».

Выбираем качество печати:

Mozilla Firefox

Когда выделите нужный текст и нажмете сочетания клавиш, о которых мы говорили выше, у вас откроется следующее окно:

Здесь самая важная настройка – это чекбокс «Выделенный фрагмент». В браузере Firefox этот флажок может быть неактивным, если вы не сделали выделения. Когда укажите диапазон печати, нажмите «ОК». Далее браузер отправит этот документ на печать.

Internet Explorer

Этот браузер обладает таким же функционалом, как и Mozilla Firefox. Когда нажмете «Ctrl» + «P», вам надо указать диапазон страниц и после этого нажать «Печать». Если вы делали выделение текста, то нажмите на «Выделение». В том случае если хотите распечатать всю веб-страницу, то кликните на «Все» и после этого можно распечатать эту страницу.

Обратите внимание, что в браузере Internet Explorer может быть быстрая кнопка запуска печати (см. картинку ниже). Ей пользоваться категорически не стоит, ибо она сразу запускает печать всей страницы целиком, минуя окно настроек и игнорируя выделение. Также браузер Internet Explorer обладает особенностью — печатать текст вместе с рекламой, даже если она не была в выделении. Не рекомендуется использовать этот браузер для печати веб-страниц.

Opera

Данный браузер визуально похож на Google Chrome. Поэтому детально мы его разбирать не будет, так как выше мы уже это сделали. Если вы собираетесь распечатывать страницы с этого браузера, то рекомендуем подняться выше, где мы рассказывали, как распечатать в браузере Google Chrome. Мы сделали полный обзор этой процедура для данного браузера и информация, которая там находится, будет для вас очень полезна.

Нажав на клавиши «Ctrl» + «P» появится окно для настройки печати. Здесь надо поставить галочку «Упрощенная страница» (чтобы убрать лишние элементы перед печатью) и выбрать качество «600 600». После этого можете смело нажать на «Печать».

Яндекс браузер

Процедура печати очень схожа с браузерами Google Chrome и Opera (подробнее о настройках читайте выше, где мы рассказывали про данные браузеры). Когда зайдете на нужную страницу и нажмете «Ctrl» + «P», то у вас появится следующее окно:

Поставьте обязательно галочку «Упростить вёрстку», укажите нужные вам параметры и нажмите «Печать».

Microsoft Edge

В этом браузере процедура печати аналогична, как и в других браузерах. Вам надо слева указать свой принтер – если у вас их несколько, выбрать ориентацию печати, сколько копии напечатать и также рекомендуем выключить колонтитулы (как на скриншоте ниже).

Когда все параметры будут выставлены по вашим условиям, следует нажать «Печать».

Microsoft Word

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

1. Чтобы вставить текст в Word вам для начала надо его скопировать и первая наша рекомендация — копируйте текст частями. Если выделить сразу весь текст, то вы таким образом выделите рекламу, которая есть на сайте, а также не нужные элементы сайта (например, меню).
2. Чтобы сохранить картинку, нажмите на нее правой кнопкой мыши и выберете: «Сохранить изображение» (в Opera) или «Сохранить картинку как…» (в Google Chrome) или «Сохранить изображение как…» (Internet Explorer). Когда откроется окно, укажите путь, куда надо сохранить картинку. После этого можете вставить изображение в ваш подготовленный текст (смотрите первый пункт).
3. Когда документ будет полностью готовый, можете его распечатывать.

Сервис PrintWhatYouLike.com

В интернете есть сервис, который поможет распечатать любую интернет – страницу. Вот он http://www.printwhatyoulike.com/. Зайдите на этот сайт и в пустое поле введите адрес страницы. Далее поставьте галочку «Я не робот» и нажмите «Start».

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

Чтобы начать печать, нажмите «Print».

Как печатать без рекламы

Чтобы распечатать страницу без рекламы в браузерах вам надо установить AdBlock или AdBlock Plus. Данное расширение позволяет убрать рекламу с вашего браузера не только во время печати, но и в дальнейшем вы больше не будете видеть рекламу.

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

Поводим итоги

Для печати веб-страницы мы рекомендуем использовать программы Google Chrome, Opera или любой другой браузер на движке Chromium. В данных браузерах распечатывать интересующую вас страницу гораздо удобнее и практичнее. После открытия меню печати нажатием комбинации клавиш «Ctrl» + «P» мы увидим окно предварительного просмотра документа, в котором будет наглядно виден объем текста и его расположение на листе бумаги. Если использовать эти браузеры, то вы получаете огромные плюс, так как в них вы можете убрать все лишние элементы сайта и оставить только текст.

Если вы хотите распечатать интересную вам статью из интернета, совершенно не обязательно рыскать по веб-странице в поисках версии для печати и, уж тем более, копировать её в Word (но все равно мы также рассмотрим этот вариант, так как многие пользователи привыкли использовать эту программу для работы с текстом). Оба этих способа рутинны и нерациональны. Надо отметить, что если вы будете копировать текст из интернет — страницы и вставлять в любой текстовый редактор, то вам надо будет потом редактировать картинки и текст (картинки могут залезать на края страницы в Word-е и текст может отображаться неправильно), а это не очень хорошо. Ведь, есть и другие более простые способы, как распечатать страницу из интернета на принтере.

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

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

• Google Chrome
• Mozilla Firefox
• Opera
• Internet Explorer
• Яндекс Браузер
• Microsoft Edge

Как выбрать текст, который надо распечатать

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

Чтобы выбрать текст, который будет распечатан на принтере, нужно выделить текст левой кнопкой мыши. Нажимаем левой кнопкой мыши в начале текста и не отпуская ее двигаете мышь к последнему слову в этом документе. Таким образом, у вас должен выделиться текст, который вы хотите распечатать.

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

Не снимая выделения, одновременно нажимаем две клавиши на клавиатуре «Ctrl» + «P» — комбинация клавиш подходит для всех браузеров. После этого откроется окно, где необходимо выбрать нужные параметры и нажать на кнопку «Печать». Теперь давайте поговорим о том, что надо нажимать в браузере на этом этапе. Ниже вы можете найти ваш браузер, чтобы начать процедуру печати.

Google Chrome

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

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

Количество страниц стало 10, а было 12. Также из документа были убраны элементы, которые не относятся к тексту. Как можете видеть из практики эта функция полезная, и мы рекомендуем пользоваться ее. Теперь осталось нажать «Печать», чтобы распечатать эти страницы.

Если вам нужен документ в хорошем качестве, то рекомендуем нажать «Дополнительные настройки» и в разделе качество укажите «600 dpi».

Выбираем качество печати:

Mozilla Firefox

Когда выделите нужный текст и нажмете сочетания клавиш, о которых мы говорили выше, у вас откроется следующее окно:

Здесь самая важная настройка – это чекбокс «Выделенный фрагмент». В браузере Firefox этот флажок может быть неактивным, если вы не сделали выделения. Когда укажите диапазон печати, нажмите «ОК». Далее браузер отправит этот документ на печать.

Internet Explorer

Этот браузер обладает таким же функционалом, как и Mozilla Firefox. Когда нажмете «Ctrl» + «P», вам надо указать диапазон страниц и после этого нажать «Печать». Если вы делали выделение текста, то нажмите на «Выделение». В том случае если хотите распечатать всю веб-страницу, то кликните на «Все» и после этого можно распечатать эту страницу.

Обратите внимание, что в браузере Internet Explorer может быть быстрая кнопка запуска печати (см. картинку ниже). Ей пользоваться категорически не стоит, ибо она сразу запускает печать всей страницы целиком, минуя окно настроек и игнорируя выделение. Также браузер Internet Explorer обладает особенностью — печатать текст вместе с рекламой, даже если она не была в выделении. Не рекомендуется использовать этот браузер для печати веб-страниц.

Opera

Данный браузер визуально похож на Google Chrome. Поэтому детально мы его разбирать не будет, так как выше мы уже это сделали. Если вы собираетесь распечатывать страницы с этого браузера, то рекомендуем подняться выше, где мы рассказывали, как распечатать в браузере Google Chrome. Мы сделали полный обзор этой процедура для данного браузера и информация, которая там находится, будет для вас очень полезна.

Нажав на клавиши «Ctrl» + «P» появится окно для настройки печати. Здесь надо поставить галочку «Упрощенная страница» (чтобы убрать лишние элементы перед печатью) и выбрать качество «600 600». После этого можете смело нажать на «Печать».

Яндекс браузер

Процедура печати очень схожа с браузерами Google Chrome и Opera (подробнее о настройках читайте выше, где мы рассказывали про данные браузеры). Когда зайдете на нужную страницу и нажмете «Ctrl» + «P», то у вас появится следующее окно:

Поставьте обязательно галочку «Упростить вёрстку», укажите нужные вам параметры и нажмите «Печать».

Microsoft Edge

В этом браузере процедура печати аналогична, как и в других браузерах. Вам надо слева указать свой принтер – если у вас их несколько, выбрать ориентацию печати, сколько копии напечатать и также рекомендуем выключить колонтитулы (как на скриншоте ниже).

Когда все параметры будут выставлены по вашим условиям, следует нажать «Печать».

Microsoft Word

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

1. Чтобы вставить текст в Word вам для начала надо его скопировать и первая наша рекомендация — копируйте текст частями. Если выделить сразу весь текст, то вы таким образом выделите рекламу, которая есть на сайте, а также не нужные элементы сайта (например, меню).
2. Чтобы сохранить картинку, нажмите на нее правой кнопкой мыши и выберете: «Сохранить изображение» (в Opera) или «Сохранить картинку как…» (в Google Chrome) или «Сохранить изображение как…» (Internet Explorer). Когда откроется окно, укажите путь, куда надо сохранить картинку. После этого можете вставить изображение в ваш подготовленный текст (смотрите первый пункт).
3. Когда документ будет полностью готовый, можете его распечатывать.

Сервис PrintWhatYouLike.com

В интернете есть сервис, который поможет распечатать любую интернет – страницу. Вот он http://www.printwhatyoulike.com/. Зайдите на этот сайт и в пустое поле введите адрес страницы. Далее поставьте галочку «Я не робот» и нажмите «Start».

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

Чтобы начать печать, нажмите «Print».

Как печатать без рекламы

Чтобы распечатать страницу без рекламы в браузерах вам надо установить AdBlock или AdBlock Plus. Данное расширение позволяет убрать рекламу с вашего браузера не только во время печати, но и в дальнейшем вы больше не будете видеть рекламу.

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

Поводим итоги

Для печати веб-страницы мы рекомендуем использовать программы Google Chrome, Opera или любой другой браузер на движке Chromium. В данных браузерах распечатывать интересующую вас страницу гораздо удобнее и практичнее. После открытия меню печати нажатием комбинации клавиш «Ctrl» + «P» мы увидим окно предварительного просмотра документа, в котором будет наглядно виден объем текста и его расположение на листе бумаги. Если использовать эти браузеры, то вы получаете огромные плюс, так как в них вы можете убрать все лишние элементы сайта и оставить только текст.

Есть два способа делать страницу для печати:

1. Специально выводить отдельным скриптом страницу без меню и лишнего оформления.

2. Выводить ту же страницу, которую просматриваем при просмотре сайта, но уже с другими подкреплёнными стилями, где скрываются ненужные элементы.

Довелось делать документы(накладные, счёт фактура и прочее) для печати. Так что пошёл по первому варианту. Но это просто в моём случае. Более гибкий как мне представляется второй вариант.

Вот мой опыт, заметки:

1. Главное правило — будь проще и люди к тебе потянутся(с)хз кто. 🙂 Короче не используйте разнообразие оформления. Человеку просто надо прочитать распечатанный текст, нечего его грузить лишним оформлением. Да и краску в принтере тратить.

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

3. Стараемся использовать белый фон, чёрный текст. Если обратно, то будет тратиться много краски. Цветной текст думаю не нужно делать — всё равно у многих чёрно-белый принтер.

4. Если нужно чтобы следующий контент печатался обязательно на следующей странице, вставляем блок div с классом pagebreak перед этим текстом. Описываем класс в стилях:

текст за этим блоком будет распечатываться уже на новой странице. Работает во всех современных браузерах. Да и не современных то же. Один IE до 7ой версии включительно подводит. Но на него надо забивать!

5. И так, печать. Пользователь можно сам выбрать печать. Можно поставить на

Чтобы окно печати открывалось при открытии страницы. Но надо же пользователю сначала посмотреть страницу. Поэтому для удобства и для полуавтоматизации процесса делаем на странице кнопку для печати

Это кнопка будет при просмотре страницы, но печататься не будет, так как мы задали display: none; в style для media=»print», то есть в стилях для печатающего устройства. При нажатии на кнопку будет выводиться окно печати.

Тем, кто хочет супер автоматизировать процесс печати, чтобы например открываем страницу и принтер сразу начал печатать страницу — охладите свой пыл или того, кто вас просит это сделать. Я этот способ не нашёл. Да его и нет. Потому что это логично. Представьте, заходите вы на сайт, а там через javascript запрограммлена печать ста копий страниц. И принтер приходит в бешенство и начинает печатать эту кучу страниц без вашего ведома. Нелогично? Нелогично!

В одно время меня усердно просил сделать такую штуку один менеджер проектов. Пришлось ему всё это обяснять, приводить примеры, чтобы он понял что это нельзя сделать, да и не нужно.
6. Если кто то будет жаловать на то, что распечатываются адрес страницы, title и прочая херь в колонтитулах — посоветуйте ему настроить свой браузер. Со стороны сайта это не настраивается. По крайней мере я не знаю как. Например в Firefox это настраивается в «Печать» — «Параметры страницы» — «Поля и колонтитулы»

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

8. Используйте крупный размер шрифт(в пределах разумного конечно). Главное чтобы при печати всё было читабельно.

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

10. Думаю нужно использовать размерности, независимые от устройства — абсолютные размерности. Например in,cm,mm,pt,pc.

Абсолютные единицы измерения

Единица	Описание
in	Дюйм (1 дюйм равен 2,54 см)
cm	Сантиметр
mm	Миллиметр
pt	Пункт (1 пункт равен 1/72 дюйма)
pc	Пика (1 пика равна 12 пунктам)

11. Вот полезная ссылка http://www.webdevout.net/browser-support-css#css2propsprint. Описание стилей можно найти на сайте http://htmlbook.ru
Вообще советую пройтись по всему списку CSS свойств, даже если вы опытный разработчик. Для себя с удивлением обнаружил незнакомые CSS свойства и что некоторые CSS свойства уже можно безбоязненно использовать.

Конечно же это не полный список советов. Это просто мои мысли.