CSS et JavaScript peuvent-ils personnaliser les paramètres d'impression dans les navigateurs Web ?

Désactivation des options d'impression par défaut du navigateur sur les pages HTML

Pouvez-vous personnaliser les paramètres d'impression dans les navigateurs Web à l'aide de CSS ou de JavaScript ? La désactivation ou la modification des marges d'impression, des en-têtes et des pieds de page par défaut peuvent améliorer la présentation des pages et réduire le recours aux documents PDF.

Directive CSS et @page

La @page CSS La directive permet un formatage de page avancé. Il vous permet de spécifier les marges de la page de l'imprimante, qui sont distinctes des marges CSS pour les éléments HTML.

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

En définissant la marge de l'imprimante sur 0 mm, vous désactivez efficacement l'en-tête et le pied de page. Cependant, cette méthode présente des limites :

Compatibilité des navigateurs

La prise en charge des directives @page varie selon les navigateurs. Safari ne prend pas en charge la définition des marges des pages d'imprimante.

Mise en œuvre dans différents navigateurs

• Internet Explorer : Les marges sont définies sur 0 mm par défaut. , mais les utilisateurs peuvent les remplacer dans l'aperçu.
• Firefox : Les marges sont positionnées correctement, mais les en-têtes/pieds de page du navigateur et le contenu de la page sont affichés, créant une inadéquation visuelle.
• Opera : Le contenu de la page masque l'en-tête lors de l'utilisation d'un arrière-plan non transparent, mais les marges de la page ne sont pas définies correctement.
• Chrome : L'en-tête et le pied de page du navigateur sont masqué si la marge @page est en conflit avec la position du contenu. Cela fournit un comportement optimal.

Conclusion

La directive @page en CSS vous permet de désactiver les marges de l'imprimante, mais son efficacité dépend de la compatibilité du navigateur. Chrome propose actuellement la meilleure implémentation pour masquer les en-têtes et les pieds de page tout en conservant le formatage de l'impression.

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!