Как распечатать огромную страницу при сохранении стиля?

Question

Я перепробовал все возможные стандартные варианты, и я думаю, что для того, чтобы сделать это правильно, понадобится взлом.

Нажав PrtSc, можно было бы выполнить вставку в Paint и обрезать поля, но я хотел бы получить решение для нескольких страниц. Повторение PrtSc несколько раз исключено.

Каждый раз, когда я пытаюсь напечатать страницу, например эту страницу Twitter, я получаю что-то подобное, независимо от того, какую операционную систему или браузер я использую. Как я могу получить его, чтобы сохранить стиль при этом?

Answer 1

Вы можете сделать скриншот (используя что-то вроде Aviary для Chrome) и распечатать его.

Answer 2

Другим вариантом может быть программа создания «принтера PDF», лично я использую Bullzip для многих страниц онлайн-банкинга, которые иначе не печатаются правильно. Просто «распечатайте» их создателю PDF, а затем распечатайте! :)

Answer 3

Хорошо, я узнал, как это сделать!

Стиль Твиттера нарушается при печати из-за того, что в таблицах стилей HTML могут быть назначены типы носителей, что обеспечивает разные стили для разных носителей (принтер, экран и т.д.).

Итак, я сохранил страницу Твиттера, которую мне нужно распечатать, в файл HTML (выбрав веб-страницу, завершено) и изучил источники HTML. Я видел, что основной CSS имел media="screen" - что означало, что этот CSS не имел никакого эффекта для печати.

Я удалил только один текст media="screen" из HTML и сохранил его.

Теперь страница Twitter печатается правильно!

Эта информация также будет полезна другим людям, пытающимся напечатать или сделать снимок экрана с огромными огромными веб-страницами.

Когда ваш скриншот с плагином / надстройкой завершается неудачей из-за размера веб-страницы (в случае Firefox это приводит к этому исключению в консоли ошибок:

Error: uncaught exception: [Exception... "Component returned failure code:
0x8007000e (NS_ERROR_OUT_OF_MEMORY) [nsIDOMHTMLCanvasElement.getContext]"  
nsresult: "0x8007000e (NS_ERROR_OUT_OF_MEMORY)"  location: "JS frame :: 
chrome://uploadscreenshot/content/uploadscreenshot.js :: <TOP_LEVEL> :: 
line 211"  data: no]

) вы печатаете на принтер PDF, и этот метод редактирования стиля поможет вам!