预览打印前的页面格式

Question

我在尝试预览要求指示该页面的背景之前，试图对要显示的具有背景格式的页面进行编码，以表明背景的颜色将不包括在预览中。 谢谢

        <script>
        function printContent() {
          var page = document.getElementById("page");
          var btn = document.getElementById("grey");

          btn.style.visibility = 'hidden';
          page.style.borderStyle = 'none';
          page.style.margin = 'auto';

          window.print();
          btn.style.visibility = 'hidden';
        }
        </script>
        <div id="source-button" class="btn btn-primary btn-xs" style="display: none;">&lt; &gt;</div></div><!-- /example -->

Answer 1

您可以使用CSS @media打印功能。 不要使用JS，而要使用CSS。

<style type="text/css">
    @media print{
            .btn{display:none}
            .page{margin:auto}
}
</style>

Answer 2

我建议为此使用打印样式表 ，这也会影响使用浏览器操作的用户（例如CMD-P ）

@media print {
  .btn {
    display: none;
  }
}