2013-05-26 49 views
12

短版本:铬打印预览改变网页的样式

我使用Chrome 27.0.1453.94在Windows 7专业版

我去http://www.try-phpbb.com/30x/使用Chrome

我选择打印.. 。|另存为PDF

打印预览看上去一点也不像网页 - 布局,链接,字体都是错的。

为什么?

我怎样才能解决这个问题,使PDF风格的方式与网站一样吗?

长的版本:

我是一个安全论坛的成员(即需要登录访问),这是对phpBB论坛模板(https://www.phpbb.com/)基地。我们的论坛将尽快清除所有主题和帖子,为下一轮用户腾出空间。

我们已经获得许可(甚至鼓励)由主持人来下载每个主题/主题/帖子的内容,并写入到PDF文件,所以我们可以继续在未来引用它们。我们必须自己做这件事,并且由于我有IT背景,所以我自愿做这项工作。但它证明比我想象的更难。

我希望做以下这个过程......

  1. 下载并加入“时尚” Chrome扩展 (https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe
  2. 添加CSS代码,以时尚的修改论坛页面的外观准备用于PDF迁移
  3. 在Chrome中使用打印|另存为PDF选项,样式页面保存为PDF文档
  4. 对于多页的论坛,重复此过程为每个页面,然后使用PDFMate(或类似)的PDF文档串接为一个长PDF。

步骤1,2和4被完美的工作,但在步骤3不是。

Chrome中的打印预览会关闭论坛页面的外观。布局样式丢失,字体完全不同,链接丢失或看起来很糟糕。例如,尝试打印此页面(http://www.try-phpbb.com/30x/) - 它在打印预览中看起来与浏览器中的外观完全不同。

有什么我可以做的,以解决这个问题?我可以以某种方式给打印预览版本一些CSS代码来重新安装它吗?任何人都知道为什么这会发生?

或者,你可以建议另一种解决方案将HTML转换成PDF?我已经尝试过Chrome扩展程序“iWeb2x”和“发送到Google Drive”,但没有成功 - 因为论坛是安全的,他们创建的PDF文件是论坛的登录页面,而不是我目前正在查看的论坛主题页面。

任何帮助非常感谢 - 谢谢。

回答

0

我有一个案子,其中如果iframe是显示:无,在CSS没有加载,从而不打印正确的CSS样式。您可以使用可见性修复它:hidden;和尺寸为零