Javascript 如何仅在用户打印时显示内容？ 我所知道的

现在我知道了如何在网页中添加打印样式表来设计打印布局。这有点像：

<link rel="text/css" href="/css/print.css" media="print" />

但我不想那样

在“转到任何文章”或“发布并打印预览”页面中（使用谷歌浏览器）。现在，如果你进入页面（在保存PDF模式下），你会看到附加的额外文本，即（本故事最初在Digital Inspiration出版……此打印机友好版本可供您的个人和社区使用） 仅限非商业用途）。只有在打印（-preview）时才能看到该消息，通常情况下不会在网页上看到

我想知道的 当我查看页面的页面源时，只有两个样式表，其中一个是main，另一个是webfont。对于JavaScript，只附带了一个主JavaScript文件，其余文件用于webfont、CSS3 MediaQueries、HTML5 Shiv以及我不怀疑包含任何打印相关内容的广告。当我尝试查找那些主要的CSS和JavaScript文件（使用CTRL-F功能）时，对打印机友好的的搜索没有匹配任何内容

我没试过的 我没有问网站所有者他是怎么做到的，也不会问；）

问题: 他是怎么做到的？这里涉及JavaScript吗？还是CSS？在[noscript]标记中，仅当用户禁用javascript时，才会显示该标记内的文本。印刷有同样的东西吗？类似于[onlyonprint]标签的东西？

他正在使用：

---

这存在于他的打印样式表中。

您可以使用伪元素

：after

或

：before

将文本附加到打印样式表上，或使用

显示：无将元素添加到页面中

并将其在打印样式表上的

显示更改为
block

#content:after {
    content: "This story was originally published at Digital Inspiration...";
    font-size: 90%;
    font-style: italic;
    line-height: 1.5em;
    margin: 3em 0;
}