Comment puis-je éliminer les en-têtes et les pieds de page lors de l'impression de documents à l'aide de window.print() ?

Éliminer l'en-tête et le pied de page des documents imprimés avec window.print()

Le comportement par défaut de la fonction window.print() inclut l'impression un en-tête et un pied de page qui affichent des informations relatives à la page telles que le titre, le chemin, le numéro et la date. La suppression de ces éléments peut améliorer l'esthétique de l'impression.

En essayant de supprimer l'en-tête et le pied de page avec une feuille de style d'impression, vous avez rencontré des difficultés. Une solution efficace pour résoudre ce problème existe.

Dans Google Chrome, vous pouvez désactiver l'en-tête/pied de page automatique en incorporant le code suivant dans votre CSS :

@page { margin: 0; }

En définissant les marges sur zéro, le contenu imprimé s'étend de manière transparente jusqu'aux limites de la page, éliminant ainsi le besoin d'un en-tête ou d'un pied de page. Pour éviter que le contenu n'atteigne le bord de la page, spécifiez les marges et les remplissages appropriés dans votre élément body :

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

Attention : Lorsque vous traitez un contenu en plusieurs parties nécessitant plusieurs pages, cette approche peut entraîner des défauts esthétiques. Seules les première et dernière pages auront les marges prévues, tandis que les pages intermédiaires n'auront pas de marges supérieure et inférieure.

Cette solution, bien qu'efficace dans Chrome au moment de cette réponse (mai 2013), peut nécessiter d'autres tester la compatibilité avec d'autres navigateurs. Si la prise en charge de plusieurs navigateurs est essentielle, générer un PDF à la volée et l'imprimer (potentiellement avec du JavaScript auto-imprimable intégré) reste une alternative réalisable mais laborieuse.

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!