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

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

Этим же вопросом озадачился как-то и Крис Койер (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. Оно на английском, но там и без слов всё понятно.
+18
28 ноября 2009, 21:24
57
medved13 –6,0

комментарии (21)

+2
rodem #
Readability — похожий проект
0
Dragonizer #
Ридабилити — автомат. А тут все под контролем.
+2
vawerv #
Прекрасная вещь. Почему на прошлой неделе я о ней не знал? Столько возни было (
0
aavezel #
Есть такое дополнение Platypus. Использую его когда надо сделать «читаемыми» несколько десятков страниц одного блога. Делаешь GM скрипт для одной страницы, а потом спокойно сохраняешь/печатаешь все остальные…
0
grokinn #
Отлично. Только на этой странице не смогла убрать яндекс директ пока я не включил таблицу стилей для печати.
0
hshhhhh #
а мышкой в него тыкали?
0
grokinn #
тыкал многократно, оно красной рамочкой отдельный рекламные блоки выделяет но исчезать они не спешат. в хроме.
0
voooz #
У меня одного иллюстрация статьи не отображается?
pic.ipicture.ru/uploads/091128/u2qWD5qpWr.png
–1
Kain_Haart #
У меня в Огнелисе:

AdBlock Plus + AdBlock Plus: Element Hiding Helper
ScrapBook + Firebug

Для решение описанной проблемы хватает с избытком
0
0dd_b1t #
мне интересна статься
+1
0dd_b1t #
Я плохо выразился и вы, видимо, меня не поняли — это ошибка у Вас в первом обзаце: буква «с» влезла в слово «статья»
0
medved13 #
заметил, спасибо
0
G_Z #
Взял статью на Хабре, выкинул всё кроме заголовков и текста.
Отправил на печать — применился «print-стиль» Хабра получил то же дерьмо, что и при печати без плясок через сервис. Выкинул напечатанное.

Применил print-стиль сервиса — получил нечитаемую страницу, т.к. всё разъехалось. Печатать не стал.

Очень, очень полезный сервис.
0
medved13 #
Вот так печатается у меня эта статья с Хабра.


0
G_Z #
Я пробовал печатать статью про юзабилити.
Заголовок на пустой странице, страница текста, страница удалённых нажатием комментариев.
0
medved13 #
Там сама статья не очень хрошо свёрстана. Картинки, относящиеся к абзацам в эти самые абзацы не включены. Да и вообще автор не использует тег [p]. Но при этом картнки имеют float:left, из-за этого весь текст начинает их обтекать и поднимается выше, тем самым разрушая «стройную картину мира».
Так что претензии не к автору букмарклета, а к автору статьи за кривую вёрстку ;)
0
medved13 #
Претензии даже не к автору статьи, а к парсеру хабра. Только что проверил — в теле статьи при редактировании у меня каждый абзац отделен тегом [p], а уже в самой статье почему-то вместо [p] ставятся два [br /]. Ничто не идеально под луной — даже хабрахабр :)
0
G_Z #
Суть не в том.
Между тем, что видно на экране с загруженным сервисом и тем, что уходит на печать есть существенная разница. Кардинальная.
Лень копаться в коде страницы Хабра, но думаю, что связано это с подгрузкой print-стиля Хабра при отправке страницы на печать.
Видимо, сервис никак не отслеживает этого, в результате, вся работа в нём получается бессмысленной.
0
Inque #
Вот штука намного функциональней. Просто убер-функшионал. <a href=«javascript:(function(){if(window['ppw']&&ppw['bookmarklet']){ppw.bookmarklet.toggle();}else{window._pwyl_home=»www.printwhatyoulike.com/";_pwyl_bmkl=document.createElement('script');_pwyl_bmkl.setAttribute('type','text/javascript');_pwyl_bmkl.setAttribute('src',_pwyl_home+'static/compressed/pwyl_bookmarklet_10.js');_pwyl_bmkl.setAttribute('pwyl','true');document.getElementsByTagName('head')[0].appendChild(_pwyl_bmkl);}})();">Перетащи.
0
Inque #
Нууу блин!
Вобщем <a href=«printwhatyoulike.com>вот. Простите. Извините.
0
BiBo #
Ему бы ещё добавить возможность перетаскивания блоков и расположения их в нужном пользователю порядке.

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