Pourquoi mes pages web n'impriment-elles pas ce que je vois dans mon navigateur ?
La raison pour laquelle certaines de vos pages web s'impriment différemment est qu'elles ont une imprimer la feuille de style .
Qu'est-ce qu'une feuille de style pour l'impression ?
Une feuille de style d'impression met en forme une page Web de sorte que, lorsqu'elle est imprimée, elle s'imprime automatiquement dans un format convivial. Les feuilles de style d'impression ont existent depuis un certain nombre d'années et ont fait l'objet de nombreux articles. Pourtant, très peu de sites Web les mettent en œuvre, ce qui signifie que nous nous retrouvons avec des pages Web qui, de manière frustrante, ne s'impriment pas correctement sur le papier.
Il est remarquable que si peu de sites web utilisent des feuilles de style d'impression comme :
- Les feuilles de style d'impression améliorent énormément la convivialité, surtout pour les pages à fort contenu (comme celle-ci !).
- Ils sont extrêmement rapides et faciles à mettre en place.
Certains sites Web proposent un lien vers une version imprimable de la page, mais celle-ci doit bien sûr être mise en place et gérée. Il faut également que les utilisateurs remarquent ce lien sur l'écran, puis l'utilisent avant la la manière habituelle d'imprimer les pages (par exemple, en sélectionnant le bouton d'impression en haut de l'écran). en haut de l'écran). Les versions faciles à imprimer sont toutefois utiles pour imprimer un certain nombre de pages web en même temps, comme un article qui s'étend sur plusieurs pages web.
Quelle Désactiver les feuilles de style d'impression (CSS) lors de l'impression d'un site Web
Comment désactiver une feuille de style d'impression ?
J'ai récemment eu besoin d'obtenir un instantané d'un site web exactement tel qu'il est. tel qu'il est affiché sur mon écran. C'est-à-dire, je voulais la couleur de fond, je voulais les publicités, je voulais la mise en page complète.
Une option consiste à prendre des captures d'écran séquentielles au fur et à mesure que vous faites défiler l'écran. page, puis de les reconstituer dans Photoshop. Cette méthode prend du temps temps et vous laisse avec une image de basse résolution (72dpi).
Une autre façon de procéder est d'imprimer la page, puis de l'"enregistrer en tant que PDF". au lieu de l'imprimer réellement. Cela fonctionne très bien pour les pages qui ne qui ne définissent pas une mise en page différente pour l'impression et l'affichage de la page. page.
Malheureusement pour moi, il est devenu de plus en plus courant d'inclure une feuille de style feuille de style "print" sur un site Web, qui définit de nouveaux styles de page lorsqu'un utilisateur tente d'imprimer le site Web. l'utilisateur essaie d'imprimer le site. Elle est définie dans l'en-tête et ressemble à quelque chose comme ceci :
Je n'ai trouvé qu'une seule option qui réponde vraiment à mes besoins : L'extension "Web Developer" est un module complémentaire/extension développé par Chris Pederick.
Avec ce plugin, vous pouvez très facilement désactiver TOUS les styles, par défaut les styles en ligne, les styles intégrés et, vous l'avez deviné, les styles d'impression ! d'impression !
Il est actuellement disponible pour Firefox et Chrome. J'espère vraiment qu'une extension Safari viendra un jour, car j'utilise principalement Safari. Le site seule option que j'ai trouvée pour Safari est de désactiver TOUS les styles - une fonction fournie par défaut avec la dernière version (5.0.3) du navigateur. navigateur. C'est utile pendant le développement pour voir comment votre site sera site sur un navigateur en mode texte, mais sans la possibilité de sélectionner les les styles que vous désactivez, son utilité est limitée.
Voici un exemple de désactivation des styles d'impression avec l'extension ci-dessus dans Firefox :
![enter image description here]()
Quelle Feuille de style pour l'impression - le guide définitif
