gpt4 book ai didi

css - Chrome 打印预览更改网页样式

转载 作者:技术小花猫 更新时间:2023-10-29 10:25:52 32 4
gpt4 key购买 nike

简短版本:

我在 Windows 7 Pro 上使用 Chrome 27.0.1453.94

我去 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 代码添加到 Stylish 以修改准备进行 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 云端硬盘”,但没有成功 - 因为论坛是安全的,他们创建的 PDF 文件是论坛的登录页面,而不是我目前正在查看的论坛主题页面。

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

最佳答案

看看这里,也许有帮助

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

您可以为打印页面设置自己的 css 样式。

希望对你有帮助,问候

关于css - Chrome 打印预览更改网页样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16755054/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com