Comment éliminer les en-têtes et pieds de page indésirables lors de l'utilisation de « window.print() » ?

Comment supprimer les en-têtes et les pieds de page dans window.print()

Lors de l'appel de window.print() pour imprimer une page Web, des en-têtes indésirables et des pieds de page peuvent apparaître, affichant le titre de la page, le chemin du fichier, le numéro de page et la date. Ce guide montre comment éliminer ces éléments supplémentaires.

Solution :

Dans Chrome, utilisez la règle CSS @page pour masquer l'en-tête et le pied de page automatiques :

@page {
  margin: 0;
}

À mesure que le contenu s'étend jusqu'aux limites de la page, l'en-tête et le pied de page d'impression deviennent redondants. Cependant, assurez-vous de spécifier des marges ou des remplissages sur l'élément body pour empêcher l'expansion du contenu au-delà du bord de la page. Les imprimantes ne prennent généralement pas en charge l'impression sans marges. Tenez donc compte des points suivants :

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 1.6cm;
  }
}

Cependant, si le contenu s'étend sur plusieurs pages, la mise en page d'impression peut apparaître déformée en raison de marges inégales. La première page aura une marge supérieure de 1,6 cm, tandis que la dernière page aura une marge inférieure de 1,6 cm, laissant les pages du milieu sans marge.

Bien que cette solution soit efficace dans Chrome au moment de la rédaction (mai 2013), la compatibilité entre les autres navigateurs a fluctué. Si la prise en charge d'autres navigateurs est nécessaire, envisagez de générer un PDF dynamiquement et de l'imprimer à la place.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!