Изменение измененного браузера Верхние и нижние колонтитулы при печати с использованием браузера

Question

Я хочу знать, можно ли (в любом браузере) изменить браузер, добавив верхние и нижние колонтитулы при печати. Я знаю, что вы можете помешать этому появиться, отрегулировав поля @page. Но я хочу изменить текст верхних и нижних колонтитулов.

И самое главное иметь возможность передавать строку из Javascript аналогичной веб-технологии в браузер (или на расширение браузера), которая будет корректировать значения верхнего и нижнего колонтитула.

Я знаю, что firefox позволяет добавлять пользовательский текст в виде верхнего и нижнего колонтитула, но если есть расширение для передачи строки с использованием JS или аналогичного.

Answer 1

Вы можете использовать print media style sheets. Сложите все правила, которые вы хотите применить для профиля печати в обертке, как:

@media print { 
    .header, .footer { 
     display:none; 
    } 
} 

Snippet

body { 
 
    font-family:"Open Sans", sans-serif; 
 
} 
 
* { 
 
    margin:0; 
 
    padding:0; 
 
    box-sizing: border-box; 
 
} 
 
.header, .footer { 
 
    display:table; 
 
    width:100%; 
 
    background:#333; 
 
    color:#fff; 
 
    text-align:center; 
 
    text-transform:uppercase; 
 
    padding:10px; 
 
} 
 
.main { 
 
    padding:10px; 
 
    min-height:100px; 
 
} 
 

 
@media print { 
 
    .header, .footer { 
 
     display:none; 
 
    } 
 
}

<header class="header">Header</header> 
 
<main class="main"> 
 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed ornare sapien. Proin non pulvinar purus. Suspendisse non nulla eu est viverra dapibus at nec turpis. Maecenas vel ultrices massa. Vestibulum mauris felis, aliquam in tincidunt vel, laoreet eu arcu. Cras commodo non metus a scelerisque. Praesent rutrum at ipsum at mollis. Nullam interdum nulla ex, id malesuada nisl eleifend eget. Donec enim justo, sollicitudin quis varius sit amet, consequat in nisl.</p> 
 
</main> 
 
<footer class="footer">Footer</footer>