Удаление названия страницы и даты при печати веб-страницы (с помощью CSS?)

Question

По умолчанию при печати веб-страницы страница title и URL печатаются в верхней части страницы, а также дата и время печатаются внизу.

Это дополнительное можно удалить, когда вы печатаете через меню PAGE SETUP (в разделе FILE в Internet Exp)Кто-нибудь знает способ сделать это с помощью CSS или JavaScript?

Answer 1

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

http://css -discuss.incutio.com / вики / Print_Stylesheets # Print_headers.2Ffooters_and_print_margins

Однако по состоянию на 2017 год стандартизировано @page по правилу , которое можно использовать для скрытия заголовка и даты страницы в современных браузерах:

@page { size: auto;  margin: 0mm; }

Кредит Vigneswaran S за этот совет.

Answer 2

Это просто. Просто используйте CSS.

<style>
@page { size: auto;  margin: 0mm; }
</style>

Answer 3

Возможный обходной путь для заголовка страницы :

• Обеспечить кнопку печати,
• поймать событие onclick,
• используйте javascript для изменения заголовка страницы,
• затем выполните команду печати через javascript.

document.title = "Print page title"; window.print();

Это должно работать в любом браузере.

Answer 4

Вы можете добавить это в таблицу стилей: @page{size:auto; margin:5mm;} Но это также сбрасывает номер страницы

Answer 5

если вы используете Google Chrome, вам нужно просто сделать следующее:

Answer 6

Завершая ответ Кая Ноака, я бы сделал это:

var originalTitle = document.title;
document.title = "Print page title";
window.print();
document.title = originalTitle;

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

Answer 7

Существует возможность иметь отдельную таблицу стилей для печати, используя

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

Я не знаю, делает ли это то, что вы хотите.