Предварительный просмотр превью на Chrome изменит стиль веб-страницы

Краткая версия:

Я использую Chrome 27.0.1453.94 на Windows 7 Pro

Я перехожу в http://www.try-phpbb.com/30x/ с помощью Chrome

Я выбираю Print... | Сохранить как PDF

Предварительный просмотр печати не похож на веб-страницу - макет, ссылки, шрифты не так.

Почему?

Как я могу исправить это, чтобы сделать PDF-стиль так же, как веб-сайт?

Длинная версия:

Я являюсь участником безопасного форума (т.е. должен войти в систему для доступа), который базируется на шаблоне форума phpBB (https://www.phpbb.com/). Наш форум скоро будет очищен от всех тем и сообщений, чтобы освободить место для следующего раунда подписчиков.

Мы получили разрешение (даже поощряемое) от модераторов загрузить содержимое каждой темы/потока/сообщения и записать их в файлы PDF, чтобы мы могли продолжать ссылаться на них в будущем. Мы должны сделать это сами, и я вызвался сделать эту работу, поскольку у меня есть ИТ-справочная информация. Но это оказалось труднее, чем я думал.

Я надеялся сделать следующий этот процесс...

  • Загрузите и добавьте "Стильное" расширение Chrome (https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe)
  • Добавить CSS-код в стильный, чтобы изменить внешний вид страниц форума, готовых для переноса PDF.
  • В Chrome используется печать | Сохранить как PDF-вариант, чтобы сохранить стилизованную страницу как документ PDF.
  • Для многостраничных форумов повторите этот процесс для каждой страницы, а затем используйте PDFMate (или подобное), чтобы объединить документы PDF вместе в один длинный PDF файл.

Шаги 1, 2 и 4 работают отлично, но шаг 3 - нет.

Предварительный просмотр печати в Chrome закручивает внешний вид страниц форума. Макет стилей теряется, шрифты совершенно разные, ссылки отсутствуют или выглядят ужасно. Например, попробуйте распечатать эту страницу (http://www.try-phpbb.com/30x/) - она ​​выглядит совершенно по-другому в предпросмотре печати, как выглядит в браузере.

Есть ли что-то, что я могу сделать, чтобы исправить это? Могу ли я каким-то образом предоставить версию предварительного просмотра для печати некоторого кода CSS, чтобы восстановить его? Кто-нибудь знает, почему это происходит?

Или, альтернативно, можете ли вы предложить другое решение для преобразования HTML в PDF? Я пробовал расширения Chrome "iWeb2x" и "Отправить на Google Диск", но без успеха - потому что форум защищен, созданный им PDF файл - это страница входа в форум, а не страница темы форума, на которую я сейчас смотрю.

Любая помощь очень ценится - спасибо.

Ответ 2

У меня был случай, где if iframe отображается: none, css не загружается, поэтому не печатает правильный стиль CSS. Вы можете исправить это с помощью видимости: hidden; И размер 0