如何阻止iframe内的URL自动打开打印标签页

• 精准配置iframe的sandbox属性
  之前使用sandbox导致内容显示异常，是因为未开启必要权限。通过指定具体允许的权限，既能保留子页面正常功能，又能阻止自动弹出打印窗口。sandbox默认禁止弹窗（除非添加allow-popups权限），只需按需开启所需权限即可，示例代码：

  <iframe src="individual_page1" width="100%" sandbox="allow-same-origin allow-scripts allow-forms"></iframe>
  <iframe src="individual_page2" width="100%" sandbox="allow-same-origin allow-scripts allow-forms"></iframe>
  <iframe src="individual_page3" width="100%" sandbox="allow-same-origin allow-scripts allow-forms"></iframe>
  

  说明：allow-same-origin允许子页面与主页面同源（若子页面为同源），allow-scripts允许子页面执行脚本，allow-forms允许表单提交，可根据子页面实际需求调整权限，切勿添加allow-popups，以此阻止打印弹窗。

• 同源子页面：监听beforeprint事件阻止打印
  若子页面与主页面同源，可在主页面监听iframe内容的beforeprint事件并阻止默认行为。示例代码：

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Main page</title>
  </head>
  <body>
      <iframe id="frame1" src="individual_page1" width="100%"></iframe>
      <iframe id="frame2" src="individual_page2" width="100%"></iframe>
      <iframe id="frame3" src="individual_page3" width="100%"></iframe>
  
      <script>
          const iframes = document.querySelectorAll('iframe');
          iframes.forEach(frame => {
              frame.onload = function() {
                  frame.contentWindow.addEventListener('beforeprint', function(e) {
                      e.preventDefault();
                  });
              };
          });
      </script>
  </body>
  </html>
  

  注意：此方法仅适用于同源子页面，跨域场景下会因浏览器同源策略限制无法生效。

• 修改子页面代码（若有权限）
  若能直接修改子页面代码，找到触发window.print()的逻辑，删除或注释该部分代码，从根源解决自动打印问题。这是最直接有效的方案，但前提是你拥有子页面的修改权限。

内容的提问来源于stack exchange，提问作者imperious27