Javascript традиционной печати() стиль метод не подходит ввиду печати

Question

У меня есть печать кода таблицы скрипку LINK

Проверьте мой код:

function printData() 
{ 
    var divToPrint=document.getElementById("printTable"); 
    console.log(divToPrint.outerHTML); 
    newWin= window.open(""); 
    newWin.document.write(divToPrint.outerHTML); 
    newWin.print(); 
    newWin.close(); 
} 

я добавил background-color к тому, что красный, как вы можете видеть, в скрипке. Я попытался его распечатать. Но в печати цвет не подходит, и все остальное работает нормально. Я исследовал около @media print и все, но не смог его взломать. пожалуйста, направляйте меня, и обновленная скрипка будет потрясающей, вы можете дать мне. Ура!

Answer 1

Браузеры, как правило, чтобы отключить фоновые цвета и изображения по умолчанию. Проверьте параметры печати браузера для опции «Печать цвета фона» или подобное, например, в Chrome:

• В диалоге Печать нажмите кнопку «+ Дополнительные настройки» в нижней части левой колонки
• Отметьте «Фоновая графика» окно
• печать предварительный просмотр теперь должен показать вам цвет фона

Firefox, кажется, есть два варианта в разделе «печать Backgrounds» на вкладке «параметры» в диалоговом окне печати:

• "Print Background Colors"; и
• «Печать Фоновые изображения»

Обратите внимание, что я использую Ubuntu; конкретная формулировка и расположение этих параметров могут различаться в зависимости от вашей ОС, а также от браузера. Некоторые браузеры могут вообще не иметь возможности для этого, просто снимая все цвета фона/изображения для печати.

Я не думаю, что вы можете принудительно использовать эти параметры из кода JS/CSS/HTML; это всегда зависит от пользователя, а также других параметров печати.

Answer 2

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

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

---

, который будет технически недействительным, style и link не допускаются за пределами head, но я никогда не знал его на самом деле быть проблемой