打印时的 Google Chrome CSS 样式答案

【问题标题】：Google Chrome CSS styles when printing打印时的 Google Chrome CSS 样式
【发布时间】：2015-08-18 16:17:19
【问题描述】：

在生成打印预览和打印页面时，有什么方法可以检索 Google Chrome 使用的 CSS 样式？

这个问题的目标是删除页面左下角的页面 URL，但我也会删除整个标题。

在某个论坛的某个地方，我发现了这个 sn-p

@media print {

  @page { 
    @top-left-corner {content:"";} 
    @top-left {content:"";} 
    @top-center {content:"";} 
    @top-right {content:"";} 
    @top-right-corner {content:"";} 
    @bottom-left-corner {content:"";} 
    @bottom-left {content:"";} 
    @bottom-center {content:"";} 
    @bottom-right {content:"";} 
    @bottom-right-corner {content:"";} 
  } 

}

但它似乎不起作用。

是否可以通过 CSS 修改谷歌浏览器生成的打印文档？

【问题讨论】：

看起来是 stackoverflow.com/questions/2192806/… 的副本
引用的问题中有有价值的信息，但我不能说它确实回答了我的问题；我还不确定页眉和页脚是否可以直接通过浏览器特定的 CSS 规则设置样式。
最佳答案完全回答了您的问题。
@Garbee 我能看到的唯一相关部分是：“页眉和页脚是由浏览器生成的。”但是，这并不能说明 Google Chrome 是如何生成这些的；它们是直接作为元素插入到生成的 PDF 中，还是在生成 PDF 之前作为带有 CSS 样式的 HTML 元素插入？顺便说一句：我知道 PDF 格式，关于“如何生成 PDF”的任何内容都是无关紧要的。
首先users can turn the option to display browser generated header/footer on or off. 所以没有真正好的理由禁止人们打印它们。但显然you can force it by using "@page { margin: 0 auto; }".所以自动页眉/页脚是在生成pdf之前生成的html/css。

标签： html css google-chrome

【解决方案1】：

因为我看到两个问题...

在生成打印预览和打印页面时，有什么方法可以检索 Google Chrome 使用的 CSS 样式？

根据this answer on StackOverflow，这里列出了保存所有当代浏览器默认 CSS 样式表（包括 Google Chrome）的最新副本的位置。

是否可以通过 CSS 修改谷歌浏览器生成的打印文档？

从技术上讲，打印 CSS 符合媒体查询的条件。如果您熟悉 CSS，它的样式和语法与屏幕尺寸的特定规则相同，例如移动设备。您可以在 .css 文件中断言特定于打印的 CSS。要从您自己的样式表中调用打印特定的 CSS，您可以使用以下 sn-p：

@media print { /* Print CSS here */ #example { border: none; } }

【讨论】：