Comment puis-je supprimer les en-têtes et les pieds de page de la sortie « window.print() » dans Chrome ?

Exclusion de l'en-tête et du pied de page des opérations window.print()

Rencontre d'en-têtes et de pieds de page contenant le titre de la page, le chemin du fichier, le numéro de page et date lors de l’utilisation de window.print() pour l’impression peut être frustrant. Tenter de résoudre ce problème via des feuilles de style d'impression peut s'avérer futile et nécessiter des solutions alternatives.

Dans Chrome, il est possible de supprimer ces éléments automatisés en employant :

@page { margin: 0; }

Cela permet au contenu de étendre jusqu'aux bords de la page, éliminant l'en-tête et le pied de page par défaut. Cependant, il est crucial d'établir des marges et des remplissages appropriés dans l'élément body pour empêcher le contenu de s'étendre au-delà des marges de la page.

Une autre approche est :

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

Bien que cette approche fournisse des marges, il se heurte à une limitation : si le contenu s'étend sur plusieurs pages, les marges peuvent être incohérentes. La première page conserve la marge supérieure de 1,6 cm, tandis que la dernière page conserve la marge inférieure de 1,6 cm, laissant les pages intermédiaires sans marge.

Vous pouvez également envisager de créer un PDF à la volée et de l'imprimer directement. Cependant, cette approche introduit une complexité supplémentaire.

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!