对DOM的Javascript更改是否会影响页面的打印版本？

有一个页面，我需要通过Javascript进行排序

如果我进行了这样的排序，然后用户决定打印页面，那么将打印原始DOM还是更新的DOM

我可以看到它是原始DOM，因为它重新加载页面，然后应用@media打印样式，或者我也可以看到它只是切换页面的CSS

---

如果浏览器之间存在差异，我只关心Chrome和Firefox。

在Chrome和FF中，您可以在打印预览和Chrome的网络选项卡中看到更新的DOM，不会记录与服务器的新交互

---

是的。如果我们打印一个页面，打印的内容本质上是一个视口的内容，只有在存在媒体查询以获得更好的打印样式时，才与浏览器视图不同，例如@media print{}

---

也就是说，确保页面可打印需要一些时间，特别是当UI非常复杂时。通常情况下，如果某个页面有图表、数据等，人力资源部的某个人某天可能想要打印，那么通常只需显示：无；除了页面上使用媒体查询的有趣组件之外，其他所有组件都可以使用。

为什么不试试呢？虽然我相信它会在访问print的时间点打印DOM，但我目前正在探索完成任务的可能性。在我真正编写代码之前，我想知道什么是可能的？它看起来非常简单。打印示例HTML页面，打开inspector，更改周围的内容，再次点击打印。。。你可以在任何页面上尝试这个方法；您所做的更改并没有一个原始DOM和一个相同增量的副本，至少是一个副本。

<h1 id="headerTag">Hello</h1>

<button onclick="changeText()">click to change text</button>

window.changeText = function() {
    document.getElementById('headerTag').innerHTML = "Bye";
    window.print();
}