Forcer le mode d’aperçu avant impression

La requête de support d’impression CSS vous permet de définir des styles CSS qui s’appliquent uniquement lors de l’impression d’une page.

Utilisez l’outil Rendu pour forcer une page web en mode aperçu avant impression afin de déboguer vos styles d’impression.

Pour forcer une page en mode aperçu avant impression :

1. Accédez à une page web, telle que l’application de démonstration Todo.

2. Cliquez avec le bouton droit sur la page web, puis sélectionnez Inspecter. DevTools s’ouvre.

3. Si le panneau ou la barre d’outils Affichage rapide n’est pas affiché en bas de DevTools, appuyez sur Échap lorsque le focus est sur DevTools. Le panneau Affichage rapide s’ouvre.

4. Dans la barre d’outils Affichage rapide , cliquez sur le bouton Autres outils (+), puis sélectionnez l’outil Rendu .

   L’outil Rendu s’ouvre dans le panneau Affichage rapide :

   

5. Faites défiler jusqu’à la section Type de média CSS Emulate , puis, dans la liste déroulante, sélectionnez Imprimer plutôt que Pas d’émulation :

   

   La page web est rendue avec ses styles CSS de support d’impression appliqués.

6. Dans l’outil Éléments , modifiez les styles CSS des supports d’impression :

   

   Pour en savoir plus sur la modification des CSS, consultez Commencer à afficher et modifier les CSS.

Quitter le mode d’aperçu avant impression

• Dans l’outil Rendu , dans la section Émuler le type de média CSS , sélectionnez Pas d’émulation dans le menu déroulant.

  La page web est affichée avec ses styles d’écran appliqués.

Voir aussi

• Outil de rendu, pour voir à quoi ressemble une page Web avec différentes options d’affichage ou des défaillances visuelles

Remarque

Certaines parties de cette page sont des modifications basées sur le travail créé et partagé par Google et utilisé conformément aux conditions décrites dans la licence internationale Creative Commons Attribution 4.0. La page originale se trouve ici et est écrite par Kayce Basques.

Ce travail est sous licence Creative Commons Attribution 4.0 International.