L'aperçu avant impression de Chrome change le style de la page Web
Version courte:
J'utilise Chrome 27.0.1453.94 sur Windows 7 Pro
Je vais à http://www.try-phpbb.com/30x/ en utilisant Chrome
Je sélectionne Imprimer ... | Enregistrer en PDF
L'aperçu avant impression ne ressemble en rien à la page Web - mise en page, liens, polices erronées.
Pourquoi?
Comment puis-je résoudre ce problème pour que le PDF soit stylisé de la même manière que le site Web?
Version longue:
Je suis membre d'un forum sécurisé (c'est-à-dire que je dois me connecter pour pouvoir y accéder), basé sur le modèle de forum phpBB ( https://www.phpbb.com/ ). Notre forum sera bientôt débarrassé de toutes les discussions et de tous les messages pour faire de la place pour la prochaine vague d'abonnés.
Les modérateurs nous ont donné la permission (même encouragée) de télécharger le contenu de chaque sujet/fil/message et de les écrire dans des fichiers PDF afin que nous puissions continuer à les référencer à l'avenir. Nous devons le faire nous-mêmes et je me suis porté volontaire pour faire le travail car j'avais une formation en informatique. Mais c'est plus difficile que je ne le pensais.
J'espérais faire ce qui suit ce processus ...
- Téléchargez et ajoutez une extension "élégante" pour Chrome ( https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe )
- Ajoutez du code CSS à Stylish pour modifier l'apparence des pages du forum, prêtes pour la migration PDF.
- Dans Chrome, utilisez Imprimer | Enregistrer en tant que PDF option pour enregistrer la page stylisée en tant que PDF doc
- Pour les forums de plusieurs pages, répétez cette procédure pour chaque page, puis utilisez PDFMate (ou similaire) pour concaténer les documents PDF dans un seul long fichier PDF.
Les étapes 1, 2 et 4 fonctionnent parfaitement, mais pas l’étape 3.
L'aperçu avant impression de Chrome annule l'apparence des pages du forum. Le style de mise en page est perdu, les polices sont complètement différentes, les liens manquent ou ont un aspect terrible. Par exemple, essayez d’imprimer cette page ( http://www.try-phpbb.com/30x/ ): l’aperçu avant impression est complètement différent de ce à quoi il ressemble dans le navigateur.
Y at-il quelque chose que je peux faire pour résoudre ce problème? Puis-je en quelque sorte donner à la version d’aperçu avant impression du code CSS pour la redéfinir? Quelqu'un sait pourquoi cela se produirait?
Ou encore, pouvez-vous suggérer une autre solution pour convertir HTML en PDF? J'ai essayé les extensions Chrome "iWeb2x" et "Envoyer à Google Drive", mais sans succès. En raison de la sécurité du forum, le fichier PDF qu'ils créent est la page de connexion du forum, et non la page du fil de discussion I suis en train de regarder.
Toute aide grandement appréciée - merci.
Regardez ici, peut-être que c'est utile
http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
Vous pouvez définir votre propre style CSS pour la page imprimée.
J'espère que ça aide, salutations
J'ai eu un cas, où si l'iframe est display: aucun, le css n'est pas chargé, donc pas imprimer le style CSS correct. Vous pouvez le réparer avec visibilité: hidden; Et taille zéro