infostart: сохранение в удобном виде (свой css) GOOGLE СHROME

Сохранение публикаций в удобном формате без "Лишних полей"

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

-Почему не через значёк принтера? 

— Потому что хотелось бы сохранять кликабельность ссылок, раскраску кода и комментарии. Это очень удобно при сохранении в PDF.

Итак нам нужно :

1) Браузер  Хром, (ДЛЯ Мазила Опера будет отдельные статьи по просьбе желающих) (IE и Сафари не рассматривается в принципе )

2) Плагин stylebot

ссылка для хрома https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

3) 5 минут времени

 

Итак открываем ссылку в хроме и добавляем плагин, видим вот такой значёк

 

открываем  любимую публикацию и жмем 

на 

у нас открывается вот такая картинка 

 

 

Далее вставляем содержимое нашей таблицы стилей 

@media print {
hidden-sm {
display: none;
}
}

@media print {
.gdparent {
display: none;
}
}

@media print {
#comp_bbe3a6965eee935ecde0cfa8bb3934ae {
display: none;
}
}

@media print {
.forum-reply-form {
display: none;
}
}

@media print {
.similar-public-wrap {
display: none;
}
}

@media print {
#left-panel {
display: none;
}
}

@media print {
.hidden-sm {
display: none;
}
}


@media print {
#header {
display: none;
}
}

@media print {
.page-footer {
display: none;
}
}

и жмем Save.

Обновляем стараницу и жмем сочетание Ctrl+P

И наблюдаем публикацию без «лишних элементов».

На Оформление онлайн это не влияет. 

 Для тех кто знает css —  @media print не для всех сразу сделано преднамерянно.

 

 

 

21 Comments

  1. cleaner_it

    Здорово) Пригодится для печати

    Reply
  2. V_V_V

    Работает. Проверено на Chrome в Ubuntu.

    Может конечно какие-то тонкости и не выстрелили, но я не такой спец по CSS чтоб критиковать…

    Reply
  3. iov

    (2) V_V_V, ссылки на соц сети не имеют Id — css их не удалось вырезать. Но если нажать на cancel — появятся настройки изменения схемы. Инструкцию можно найти на русском языке.

    Reply
  4. webester

    Мне казалось, что родная версия для печати, очень удобная. Нет? По крайней мере «лишних» полей я там не обнаружил.

    https://api.monosnap.com/image/download?id=saQii1wJ8A9HtJbl06yv0C4xCgB4Qh

    Reply
  5. Pasha1st

    Вообще в IE тоже есть консоль с возможностью править стили, вызывается по F12.

    С другой стороны в бумагу переводить статьи мне как-то не требовалось, удобнее сохранить страницу на диск или уж «распечатать» в PDF — в Chrome есть встроенный виртуальный PDF-принтер.

    Reply
  6. iov

    (5) Pasha1st, Да именно для этого я себе это и делал. Переводить в PDF но это выглядит также как печать (почти).

    Reply
  7. iov

    Если у кого-то не срабатывает — проверьте список расширений браузера возможно у вас уже установлен например адблок (крайне не рекомендую его на этом ресурсе)

    Reply
  8. iov

    (4) webester, А я вас понял))) Вы нажали на «принтер» слева я же говорю про печать через CTRL+P )))) + сохранил комментарии так как в них порой самое ценное. А так же сохраняются цветовые схемы раскраски кода. Ну в общем немного не так ))) А и да ссылки остаются кликабельными при сохранении в PDF

    Reply
  9. DrAku1a

    (0) Автор, что ещё за GHROME в названии???

    Reply
  10. iov

    (9) DrAku1a, да это не буква … это чертов планшет.. спасибо поправил. (Чтоб я еще раз на планшете в пути попытался что-то написать (((( все проклял ).

    Reply
  11. artbear

    (0) Приложи скриншот-пример результата работы.

    Reply
  12. iov

    (11) artbear, Готово

    Reply
  13. Константин С.

    много кнопок evernote + дополнение для браузера которое загоняет статью (5 вариантов). И далее читай в дороге сколько хочешь.

    Reply
  14. iov

    (13) Константин С., у меня стоит evernote . Я писал про конкретно сохранение в PDF или для печати. и если будете сохранять обратите внимание на то как сохранить комментарии не сохраняя элементы между ними и статьей.

    Reply
  15. Константин С.

    (14) ню, да каждый решает свои потребности. Я комментарии редко сохраню.

    Reply
  16. iov

    (15) Константин С., Ага. Мы вообще люди существа привередливые. )))

    Reply
  17. DrAku1a

    (10) с планшетом тоже можно — только нужен чехол со встроенной клавиатурой. Тогда он как ноутбук будет почти. В крайнем случае — можно цеплять обычную USB-клавиатуру через переходник. Это если у Вас «Android», конечно!

    Reply
  18. iov

    (17) DrAku1a, да есть у меня такое только вот зарядить надо )))

    Reply
  19. support

    А почему не использовать кнопку слева — Печать?

    http://infostart.ru/print/310602/

    Reply
  20. iov

    (19) support, Привет. А потому что на момент написания — она сохраняла без раскраски. и комментарии не сохраняет (а там порой ценное есть).

    Но на данный момент там не хватает только комментариев и все. )

    Reply
  21. iov

    (19) support, А и да статья уже не актуальна можно ей в архив сдавать. )))

    Reply

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *