Попытка отладки печати печати

Question

Я пытаюсь отладить таблицу стилей печати мультимедиа в Chrome. Для этого я придерживался рекомендуемой практики и проверил поле «emulate css media print» в настройках инструментов разработчика.

К сожалению, это не работает должным образом: страница выглядит хорошо в браузере, но как только я переключаюсь на печать или фактическую печать, результат отличается. Моя страница сложна, с перекрывающимися стилями, и я не смог воспроизвести проблему в более простом сценарии jsfiddle.

Мой вопрос: это известная проблема с инструментами разработчика Chrome? Если да, есть ли способ обхода, который поможет мне отладить мою таблицу стилей печати мультимедиа?

Чтобы быть более конкретным, моя проблема связана с цветами фона.

Answer 1

ОК, я думаю, что нашел причину, по которой это происходит.

По умолчанию браузеру запрещено игнорировать цвета фона для печати. Однако, когда я эмулирую печать css media, кажется, что Chrome не учитывает такие настройки браузера.

Теперь, когда я знаю, где искать, этот вопрос легко воспроизвести:

http://jsfiddle.net/rK7aX/

@media print { 
    div {background-color:green;} 
} 

В приведенном выше примере, предварительный просмотр печати будет иметь белый фон. В режиме просмотра браузера с эмулированной печатью печати будет отображаться зеленый текст.