Влияет ли Javascript на печатную версию сайта?

Question

Простой вопрос, у вас нет принтера, Мой клиент спрашивает, будут ли на бумаге напечатаны скрытые элементы веб-страницы (элементы, отображаемые при нажатии) или они будут скрыты?

Answer 1

Вы можете предоставить отдельный файл CSS для печатных носителей, чтобы вы могли точно определить, что видно, а что нет при печати. например,

<link rel="stylesheet" media="print" type="text/css" href="printStyle.css">

Без специального файла CSS большинство браузеров просто будут использовать файл экрана CSS для печати. ​​

Answer 2

Простой способ: Посмотрите на print-preview вашего браузера (или установите PDF-принтер ) и посмотрите.

Сложнее: Проверьте CSS элементов (возможно, вы захотите использовать Firebug, чтобы увидеть все свойства). Не забудьте @ media печать CSS.

Answer 3

Откройте страницу в Firefox и нажмите «Предварительный просмотр».

Все, что вы видите, это то, что будет напечатано. Просто попробуйте эту страницу SO.

Answer 4

не будет

Точно так же вы можете сделать

 @media print { 'your elements ref' {display:none;visibility:hidden}}

или даже лучше использовать цвет / фоновый цвет белый / прозрачный; o)

Answer 5

Каким бы ни была страница в настоящий момент, плюс то, что будет напечатано, будет иметь стили @media print, масштабирование браузера и удаление фона (если применимо) в браузере Попробуйте предварительный просмотр и посмотрите, как он будет выглядеть.