Pull to refresh

Printliminator — букмарклет для удобной распечатки сайтов

Reading time 2 min
Views 2.2K
Не раз на Хабре поднимался вопрос об <a href="http://habrahabr.ru/blogs/css/38307/" title="Печатаем сайты — о незаслуженно игнорируемом правиле media">оптимизации страниц веб-сайтов к печати. Тем не менее, время идёт, а отдельным стилем для печати обзавелось не так уж много сайтов. Да и не всегда надо печатать всю страницу, например, мне интересна статья, но совершенно не интересны комментарии под ней, что же мне печатать всё, а затем просто выбрасывать лишние листы в мусорку.

Этим же вопросом озадачился как-то и Крис Койер (Chris Coyier), автор блога CSS-Tricks. Он хотел распечатать слова песни, но очень не хотел при этом печатать все баннеры, логотипы, фоновые изображения и прочий мусор. Тогда он сел и написал небольшой скрипт на jQuery, который в дальнейшем вылился в героя сегодняшнего хабратопика — букмарклет «Printliminator».

Для использования букмарклета его надо установить. Перетаскиваем большую чёрную кнопку с сайта The Printliminator на панель закладок любого браузера, который поддерживает JavaScript в закладках. И затем на сайте, который мы хотим напечатать, нажимаем на закладку.

Появится вот такое окно:
Printliminator window

Если навести курсором мыши на любой элемент страницы — он обрамится красным. По щелчку ему пропишется свойство {display: none} и элемент исчезнет со страницы. Если при это зажать Alt (PC) или Option (Mac) — удалится всё, кроме обрамленного элемента.

Кнопка «Remove all graphics» уберёт все изображения с сайта, а кнопка «Apply print stylesheet» назначит сайту заранее написаную таблицу стилей для печати. Как пишет сам Крис, эта таблица стилей основана на CSS фреймворке Hartija.

Ну и остаётся ещё две кнопки, назначение которых, я думаю, понятно всем — «Undo last action» (отменит последнее действие) и «Send to printer» (вызовет стандартный диалог принтера).

Для большей наглядности рекомендую посмотреть видео на сайте Printliminator. Оно на английском, но там и без слов всё понятно.
Tags:
Hubs:
+18
Comments 21
Comments Comments 21

Articles