HTML/CSS 打印功能

Question

我正在创建一个网站，我想添加一个按钮来打印页面。我能做到，因为它会用 ctrl+P 打印，但是结构全部改变了，看起来很糟糕。

<div class="header-content">
     <h2 id="Feed">
          <button onclick="printFunction()">Imprimir</button>
          <script>function printFunction(){window.print();}</script>
     </h2>
</div>

还有其他方法可以打印吗？就像它是一个打印屏幕

Answer 1

打印网页时，页面会重新呈现以适应页面，而不是截取某种屏幕截图并打印出来。这允许开发人员创建自定义样式来帮助将页面打印到纸上，这与将其放置在屏幕上本质上是不同的。

有一种方法可以使用此处概述的画布获得类似于您想要的东西： Using HTML5/Canvas/JavaScript to take in-browser screenshots

使用工具： https://html2canvas.hertzen.com/

但这并不完美，我不相信不使用浏览器扩展就可以获得完美的屏幕截图。