Как сделать печать в яндекс браузере
Обновлено: 07.07.2024
Web наступает. Все больше и больше обычных настольных приложений переезжает в Internet. Уже никого не удивить онлайновым текстовым или графическим редактором. А уж различные многопользовательские комплексы, базы данных, системы отчетности — тут раздолье для веб-технологий. Например, еще несколько лет назад было бы вполне нормально сделать систему регистрации и учета клиентов скажем стоматологической поликлиники или библиотеки в Delphi, добавить базу данных и сетевую часть. Но сейчас такое решение окажется неразумным: гораздо проще, удобнее, а значит и эффективнее использовать все то, что предоставляет нам Web, даже если приложением будут пользоваться только внутри локальной сети. Кроме того, такое решение кроссплатформенное, что актуально в связи с наметившейся тенденцией перехода к свободным ОС. Все что нужно на клиентских компьютерах — наличие браузера, никаких установок, настроек и прочего.
Но у решения все делать в web есть недостаток (даже не один, но я сейчас не буду перечислять все): неудобство при печати отчетов, бланков документов и прочих печатных страниц. Это связано с тем, что веб-страницы рассчитываются прежде всего для отображения на экране монитора и не подтачиваются для печати, что нередко ведет к расползанию печатной страницы. К счастью это все временные трудности и их можно обойти. Можно, например, генерировать отчеты в pdf или doc. Но я считаю это не слишком удобным: пользователю надо устанавливать программы, работающие с этими форматами, каждый раз выкачивать с сервера сгенерированный файл, печатать из сторонней программы, а не браузера. Поэтому стоит приложить усилия к созданию страниц, правильно выводящихся на печать прямо из браузера.
Раз имеются отдельные версии страницы для отображения на экране и для печати, то следует разделить CSS на две части по назначению. Свойства элементов, специальные для отображения на экране будут храниться в блоке
media screen <>
а для печати, соответственно, в
media print <>
Первое, что нужно сделать — отключить все лишние графические элементы: баннеры (в веб-приложении для локальной сети врядли они будут), меню, еще что-нибудь. Достигается это следующей конструкцией в CSS:
Также запрещаем отображение других лишних блоков. Возможно, некоторые блоки наоборот стоит отображать при печати, а на экране скрывать. Красивый цветной логотип наверняка на черно-белом принтере распечатается грязным или недостаточно четким, стоит подменить его на специальный контрастный:
media screen div.logo
>
media print div.logo
>
Скорее всего пользователь веб-приложения будет распечатывать страницу на принтере формата A4 (если только это приложение не для полиграфии). Ограничим страницу нужным размером, вставив конструкцию page. Можно указать размеры страницы (обязательно в сантиметрах или дюймах, ни в коем случае не в пикселах!), так для A4 это 8.5x11 дюймов или 21x29.7 см.
page size 8.5in 11in;
margin: 1cm
>
Если предполагается двухсторонняя печать, то следует различать левую и правую страницы:
page :left margin-left: 4cm;
margin-right: 3cm;
>
page :right margin-left: 3cm;
margin-right: 4cm;
>
Также размеры всех элементов на странице стоит задавать в относительных единицах. Не помешает подменять шрифт: на бумаге лучше смотрятся шрифты с засечками.
При печати многостраничных отчетов или заполненных бланков документов потребуется каждую часть отчета или каждый бланк выводить на отдельную страницу. Мне показалось очень удобным на экране показать разрыв страницы с помощью горизонтальной черты hr, а при печати по ней делать разрыв страницы:
media print hr
>
Напомню, что PAGE-BREAK-AFTER заставляет принтер продолжить печать со следующей страницы после вывода элемента с этим свойством, а PAGE-BREAK-BEFORE — перед выводом. В приведенном мной примере hr при печати не отображается (visibility: hidden), но это не мешает ему управлять принтером.
Для этого я сформировал форму ввода данных в виде пустого бланка документа. Кстати, это хорошая идея: форма получается компактная и выглядит почти как на бумаге. Далее собираем на одной странице две версии документа, ловко манипулируя свойством display. Каждое поле в HTML выглядит так (упрощенно):
ФИО клиента:
/>
Вася Пупкин
Обратите внимание на этот span — в нем дублируется значение поля. CSS-файл такой:
Таким образом при отображении на экране мы видим поля ввода, а при печати — готовый результат.
Напоследок хочу сказать об одном неприятном моменте. Браузером устанавливаются свои поля страницы и колонтитулы. Это может разом испортить весь красиво сформированный бланк документа или растянуть страницу на две. JavaScript эту проблему не решит. Поэтому остается лишь попросить пользователя (высветив напоминание) убрать в браузере поля и колонтитулы.
Прогресс не стоит на месте, и сегодня, при помощи обозревателя, можно выполнить массу полезных действий и печать из браузера не исключение. Благодаря таким знаниям, можно без особого труда распечатывать книги, отдельные страницы или фрагменты. Если желаете узнать, как максимально быстро выполнить действие, эта статья поможет найти верный ответ.
Способы распечатывания информации из обозревателя
Существует несколько методов достигнуть желаемого и самыми простыми являются:
- Использование горячих клавиш;
- Посещение меню;
- Вызов контекстного меню.
Откроются настройки печати, где юзер может установить определенные параметры и приступить к распечатыванию информации.
Контекстное меню как способ печати страниц
Многие пользователи предпочитают именно этот вариант, так как вызвать мини-меню довольно-таки просто.
Появится небольшое окошко, где расписаны все возможные действия. Остановитесь на искомом. Снова будет показано окно распечатывания, нажмите на соответствующую кнопку, дождитесь окончания процесса.
Печать из браузера определенного участка текста
Если пользователю необходимо перенести на листы бумаги определенные отрывки из текста, стоит использовать специальное дополнение. Самым популярным является Lightshot, при помощи которого серферы могут сделать скриншот и распечатать его, не сохраняя на ПК.
Обратите внимание на мини-меню, появившееся над или под выделенным окном. Выберите соответствующий элемент, запустите печать.
Параметры печати
Какой бы способ не выбрал пользователь, результат будет один – запустится отдельное окно, где необходимо установить некоторые настройки. Если вносить изменения нет желания, можно оставить все без изменений.
Решив потрудится над стандартными параметрами, серферы смогут:
Также, здесь существуют дополнительные настройки, где пользователям разрешается выбирать формат страницы, устанавливать поля и масштаб.
Как стало понятно печать из браузера нужного участка текста или всей книги осуществляется довольно-таки просто. Все, что нужно сделать пользователю – определиться, какой именно метод подходит ему.
Распечатка страницы из интернета на принтере
Печатать текст прямо из браузера нужно в тех случаях, когда его невозможно скопировать в документ на компьютер. Или же на это попросту нет времени, так как приходится заниматься еще и редактированием. Сразу же стоит отметить, что все разобранные способы актуальны для браузера Opera, но работают и с большинством других веб-обозревателей.
Способ 1: Сочетание горячих клавиш
Если вы печатаете страницы из интернета практически каждый день, то вам не составит труда запомнить специальные горячие клавиши, которые активируют этот процесс быстрее, чем через меню браузера.
Такой способ не занимает много времени, но не каждый пользователь сможет запомнить комбинацию клавиш, что делает его немного трудным.
Способ 2: Меню быстрого доступа
Для того чтобы не пользоваться горячими клавишами, необходимо рассмотреть способ, который гораздо проще запоминается пользователями. И связан он с функциями меню быстрого доступа.
Способ 3: Контекстное меню
Самый простой способ, который доступен в каждом браузере – это контекстное меню. Суть его в том, что распечатать страницу можно всего лишь в 3 клика.
Этот вариант быстрее других и при этом не теряет функциональных способностей.
Таким образом, нами рассмотрено 3 способа печати страницы из браузера с помощью принтера.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Печатать только суть публикаций можно с использованием средств браузеров.
Ниже рассмотрим, что это за средства.
Очистить интернет-публикацию от рекламы и веб-элементов сайта перед распечаткой можно с помощью специального инструмента браузеров – режима чтения. Таковой выполняет функцию сокрытия на сайтах всего того, что отвлекает нас и не позволяет максимально концентрироваться на сути самих публикаций. В таком режиме скрывается шапка и подвал сайта, правый/левый сайд-бар, любая реклама и информационные блоки, отображающиеся непосредственно в тексте статьи. Режим чтения уберёт всё лишнее с сайта и представит публикацию к распечатке в книжном формате – удобном для просмотра, ну и, конечно же, экономящим расход бумаги.
Как всё это работает в разных браузерах?
1. Mozilla Firefox
На борту браузера Firefox присутствует родной режим чтения.
Находясь на веб-странице, которую нужно распечатать, необходимо переключиться на него и в этом режиме выбрать функцию печати.
2. Google Chrome
В Google Chrome нет родного режима чтения, зато в магазине браузера есть масса расширений, реализующих эту возможность. Одно из таких расширений - Reader View. Его страница загрузки:
Reader View предельно аккуратно сжимает веб-страницы публикаций – ничего лишнего не урезает, оставляет только нужный контент в удобочитаемом формате. Будучи в режиме чтения, собственно, и нужно запускать печать заинтересовавших статей в Интернете.
3. Opera
У браузера Opera также нет своего режима чтения, но также есть возможность работы с расширением Reader View.
С Оперой поступаем также, как и с Chrome: находясь на странице публикации, открываем её в режиме чтения и распечатываем.
4. Microsoft Edge
В штатном веб-обозревателе Виндовс 10 Microsoft Edge есть два механизма очистки веб-публикаций от ненужных элементов. Первый – это встроенный режим чтения. Будучи на странице нужной публикации, переключаемся на штатный режим чтения.
Читайте также: