Как сохранить версию для печати в формате HTML?

Question

Пример: активность учетной записи Amazon AWS содержит "версию для печати". Он отображает другое окно с оптимизированной для принтера версией моего счета и открывает диалог печати. Когда я печатаю, сохраняю как PDF или отменяю всплывающее окно исчезает. Я хотел бы оставить это открытым.

Параметр «Печать / сохранить в PDF» использует слишком большой шрифт, переносит строку и заставляет пару последних строк перейти на другую страницу. Я считаю, что если бы я мог получить доступ к содержимому, открытому во всплывающем окне в браузере, я мог бы изменить размер шрифта, а затем распечатать или попробовать другие вещи.

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

Answer 1

Вы можете использовать расширение для веб-разработчиков . Это позволяет отображать стили print для данного сайта:

Answer 2

Проблема заключалась в том, что содержимое было сгенерировано динамически, когда я нажимаю "Версия для печати". К счастью, код JS, который делает это, не запутывается / минимизируется. Ссылка href - это href="javascript:printBillSummary()" и метод находится прямо в теле страницы. Полное содержание здесь: http://pastie.org/3806630, но самое интересное в конце:

var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0');
printWindow.document.write(printContentWrapper.html());
printWindow.document.close();
printWindow.focus();
printWindow.print();
printWindow.close();

Я добавил точку останова отладчика в первой строке с помощью команды "закрыть" и щелкнул ссылку. Затем в левом нижнем углу экрана появилось небольшое окно с контентом, к которому я хотел получить доступ.

Это заняло больше времени, чем копирование содержимого в текстовый редактор и ручное форматирование, но то, что я узнал, того стоило (-:

Answer 3

Вам придется искать таблицы стилей с media = "print" на нем. Эти таблицы стилей отвечают за печатные версии. Я видел несколько плагинов, которые могут изменить тип медиа в окне браузера.