Предложения по отладке таблиц стилей печати? - PullRequest
237 голосов
/ 16 марта 2010

Недавно я работал над таблицей стилей печати для веб-сайта и понял, что не могу найти эффективные способы его настройки. Одно дело иметь цикл перезагрузки для работы с экранной раскладкой:

  • изменить код
  • Команда вкладками
  • перезарядка

но весь этот процесс становится намного труднее, когда вы пытаетесь напечатать:

  • изменить код
  • командная вкладка
  • перезарядка
  • печать
  • косоглазие при предварительном просмотре изображения
  • открыть PDF в предварительном просмотре для дальнейшей проверки

Есть ли здесь инструменты, которые мне не хватает? Есть ли у инспектора WebKit флажок «Притворись, что это носитель с подкачкой»? Есть ли какая-то магия, которую может сделать Firebug ( shudder )?

Ответы [ 11 ]

0 голосов
/ 28 февраля 2011

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

Вот пример того, как это можно сделать с помощью JavaScript / jquery

        $("#Print").click(function () {
            var a = window.open('', '', 'scrollbars=yes,width=1024,height=768');
            a.document.open("text/html");
            a.document.write("<html><head>");
            a.document.write('<link rel="stylesheet" href="css/style.css" />');
            a.document.write('<link rel="stylesheet" href="css/print.css" />');
            a.document.write("</head><body>");
            a.document.write($('#Content').html());
            a.document.write('</body></html>');
            a.document.close();
            a.print();
        });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...