Maison > interface Web > js tutoriel > Comment puis-je contrôler les paramètres de l'imprimante pour l'impression HTML dans les navigateurs ?

Comment puis-je contrôler les paramètres de l'imprimante pour l'impression HTML dans les navigateurs ?

Linda Hamilton
Libérer: 2024-11-08 19:19:02
original
272 Les gens l'ont consulté

How Can I Control Printer Settings for HTML Printing Across Browsers?

Désactivation des options d'impression du navigateur : en-têtes, pieds de page, marges

Dans divers cas, il est nécessaire de contrôler les paramètres d'imprimante par défaut lors de l'impression à partir d'un navigateur, notamment au format HTML, en contournant les PDF ou autres plug-ins. Bien qu'il existe des méthodes pour modifier l'orientation et les marges des pages via CSS, des incohérences surviennent entre les navigateurs, comme l'ajout par Firefox d'une marge supplémentaire d'un demi-pouce.

Approche CSS

CSS intègre la directive @page, qui permet un formatage spécifique au média paginé. Cependant, la compatibilité des navigateurs limite son efficacité. Safari ne prend pas en charge la définition des marges de page, alors que d'autres principaux navigateurs l'implémentent.

Implémentation de @page

En utilisant la directive @page, vous pouvez spécifier la marge de l'imprimante de la page, distincte de la marge CSS de l'élément HTML :

1

2

3

@page {

  margin: 0mm;  /* Affects printer settings margin */

}

Copier après la connexion

Précautions

Bien que cette méthode puisse sembler efficace, elle présente des limites :

  • Firefox 3.6 : Ne le prend pas en charge.
  • IE 7, Safari 5.1.7, Google Chrome 4.1 : Ne le prend pas en charge non plus.

Succès dans d'autres navigateurs

  • IE 8, Opera 10, Google Chrome 21, Firefox 19 : Prend en charge la définition des marges de page mais présente des comportements variables.

Comportements spécifiques au navigateur

IE : Les marges sont définies sur 0 mm, mais les utilisateurs peuvent les modifier dans l'aperçu avant impression.
Firefox : Positionne correctement le contenu mais affiche à la fois les en-têtes/pieds de page du navigateur et des pages.
Opera : Masque l'en-tête mais positionne mal le pied de page.
Chrome : Dissimule l'en-tête/pied de page du navigateur si la marge @page minimise leur conflit de position avec le contenu.

Conclusion

La directive @page peut fournir un contrôle limité sur les paramètres de l’imprimante. Chrome se distingue par sa gestion supérieure de la dissimulation des en-têtes et pieds de page. Cependant, le manque de prise en charge cohérente sur tous les navigateurs présente un défi pour garantir une expérience d'impression cohérente.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal