如何在Safari中通过JavaScript移除打印页面的页眉和页脚？

发布于
2024-04-07 河北

更新于
2024-04-07

新手上路，请多包涵

如何在Safari浏览器中通过JavaScript移除打印页面的页眉和页脚？大家好，我在尝试通过JavaScript在Safari浏览器中移除打印页面的页眉和页脚时遇到了问题。我知道在大多数浏览器中，可以通过用户的打印设置来手动禁用页眉和页脚，但我的目标是通过代码自动化这个过程，以便用户在打印网页内容时不会看到页眉和页脚。

请问有没有人知道如何在Safari中通过编程的方式实现这个功能？或者是否有其他的方法可以绕过Safari默认的打印设置？

html css3 css javascript

阅读 783

2 个回答

得票最新

along

2.9k1329

发布于
2024-04-07 安徽

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      @media print {
        @page {
          margin: 0;
        }
        body {
          margin: 1.6cm;
        }
      }
    </style>
  </head>
  <body>
    <h2>Home page</h2>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum cumque quis nobis, pariatur aut
      quisquam minima? Fugiat odio cumque similique quis consequuntur inventore aspernatur
      praesentium obcaecati eaque, dolorem veniam possimus.
    </p>
    <button id="btn">Print</button>
    <script>
      const btn = document.getElementById('btn');
      btn.addEventListener('click', () => {
        window.print();
      });
    </script>
  </body>
</html>

谷歌浏览器生效，Safari浏览器未生效