2013-05-26 23 views
12

Short Version:Chrome podgląd wydruku zmienia stylistykę strony

używam Chrome 27.0.1453.94 na Windows 7 Pro

idę http://www.try-phpbb.com/30x/ użyciu Chrome

wybiorę Drukuj .. . | Zapisz jako PDF

Podgląd wydruku nie przypomina strony internetowej - układ, linki, wszystkie czcionki są nieprawidłowe.

Dlaczego?

Jak mogę to poprawić, aby styl PDF był taki sam, jak strony internetowej?

Długa wersja:

Jestem członkiem bezpiecznym forum (czyli po zalogowaniu do dostępu), która jest bazą na szablonie forum phpBB (https://www.phpbb.com/). Nasze forum zostanie wkrótce oczyszczone ze wszystkich wątków i postów, aby zrobić miejsce dla następnej rundy subskrybentów.

Otrzymaliśmy zgodę (nawet zachęcamy) od moderatorów, aby pobrać zawartość każdego tematu/wątku/posta i zapisać je w plikach PDF, abyśmy mogli w przyszłości odnosić się do nich. Musimy to zrobić sami, i zgłosiłem się do pracy, ponieważ mam zaplecze IT. Ale jej dowodzenie jest trudniejsze, niż myślałem.

miałem nadzieję zrobić następującą ten proces ...

  1. pobierania i dodać "Stylowy" Chrome Extension (https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe)
  2. Dodaj kod CSS do stylowej zmodyfikować wygląd stron forum gotowy do migracji plików PDF
  3. W przeglądarce Chrome użyj opcji Drukuj | Zapisz jako PDF, aby zapisać stronę w stylu jako dokument PDF. Aby uzyskać wielostronicowe fora, powtórz ten proces dla każdej strony, a następnie użyj PDFMate (lub podobnego), aby połączyć dokumenty PDF w jeden długi plik PDF.

Kroki 1, 2 i 4 działają idealnie, ale krok 3 nie jest.

Podgląd wydruku w Chrome przywraca wygląd stron z forum. Stylizacja układu jest tracona, czcionki są zupełnie inne, brakuje linków lub wygląda okropnie. Na przykład spróbuj wydrukować tę stronę (http://www.try-phpbb.com/30x/) - wygląda zupełnie inaczej w podglądzie wydruku, jak wygląda w przeglądarce.

Czy jest coś, co mogę zrobić, aby to naprawić? Czy mogę w jakiś sposób nadać wersji podglądu wydruku jakiś kod CSS, aby zmienić jego wygląd? Czy ktoś wie, dlaczego tak się dzieje?

Lub alternatywnie, czy możesz zaproponować inne rozwiązanie do konwersji HTML na PDF? Wypróbowałem rozszerzenia Chrome "iWeb2x" i "Wyślij na Dysk Google", ale bez powodzenia - ponieważ forum jest zabezpieczone, tworzony przez niego plik PDF jest stroną logowania na forum, a nie stroną z wątkiem na forum, którą aktualnie przeglądam.

Każda pomoc bardzo ceniona - dzięki.

Odpowiedz

11

Zobacz tutaj, może to pomocne

http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

Można ustawić swój własny styl css na wydrukowanej stronie.

nadzieję, że to pomaga, chodzi

+0

Fantastyczna sugestia - dzięki za oświetlenie drogi. Po prostu wziąłem style ze źródła strony i skopiowałem je do "Stylowych" zdefiniowanych stylów i otoczyłem je za pomocą @media print {...} niesamowitego - dzięki kolego. – Drew

0

miałem przypadek, w którym, jeśli iframe jest display: none, css nie jest załadowany, więc nie drukuje prawidłowy styl CSS. Możesz to naprawić dzięki widoczności: ukryty; I rozmiar zero

Powiązane problemy