Versione corta:Chrome anteprima di stampa cambia stile della pagina web
sto usando Chrome 27.0.1453.94 su Windows 7 Pro
vado a http://www.try-phpbb.com/30x/ utilizzando Chrome
seleziono Stampa .. . | Salva come PDF
L'anteprima di stampa non assomiglia alla pagina Web: layout, collegamenti, caratteri errati.
Perché?
Come posso risolvere questo problema per rendere il PDF in stile allo stesso modo del sito web?
Versione lunga:
sono membro di un forum sicuro (cioè hanno il log-in per l'accesso), che è di base sul modello forum phpBB (https://www.phpbb.com/). Il nostro forum verrà presto rimosso da tutti i thread e post per lasciare spazio al prossimo round di abbonati.
Abbiamo ricevuto il permesso (anche incoraggiato) dai moderatori di scaricare il contenuto di ogni argomento/thread/post e di scriverli in file PDF in modo da poter continuare a farvi riferimento in futuro. Dobbiamo farlo da soli, e io mi sono offerto volontario per svolgere il lavoro in quanto ho un background IT. Ma si sta dimostrando più difficile di quanto pensassi.
speravo di fare quanto segue questo processo ...
- Scaricare e aggiungere "Stylish" Chrome Extension (https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe)
- Aggiungere codice CSS per eleganti per modificare l'aspetto delle pagine del forum pronto per la migrazione PDF
- In Chrome, utilizzare Stampa | Salva come opzione PDF per salvare la pagina con stile come documento PDF
- Per forum di più pagine, ripetere questo processo per ogni pagina e quindi utilizzare PDFMate (o simile) per concatenare i documenti PDF in un unico PDF lungo.
I passaggi 1, 2 e 4 funzionano perfettamente, ma il passaggio 3 non lo è.
L'anteprima di stampa in Chrome elimina l'aspetto delle pagine del forum. Lo stile del layout è perso, i caratteri sono completamente diversi, i collegamenti mancano o sembrano terribili. Ad esempio, prova a stampare questa pagina (http://www.try-phpbb.com/30x/) - sembra completamente diversa nell'anteprima di stampa a come appare nel browser.
C'è qualcosa che posso fare per risolvere questo problema? Posso in qualche modo dare alla versione di anteprima di stampa del codice CSS per ridisegnarla? Qualcuno sa perché questo sta accadendo?
O in alternativa, puoi suggerire un'altra soluzione per convertire HTML in PDF? Ho provato le estensioni di Chrome "iWeb2x" e "Invia a Google Drive", ma senza successo - perché il forum è protetto, il file PDF che creano è la pagina di accesso del forum, non la pagina del thread del forum che sto guardando attualmente.
Qualsiasi aiuto molto apprezzato - grazie.
Fantastico suggerimento - grazie per illuminare la strada. Ho semplicemente preso gli stili dal sorgente della pagina e li ho copiati negli stili definiti "alla moda" e li ho circondati di @media print {...} impressionante - grazie amico. – Drew