跨浏览器打印命令？

Question

我想知道是否有任何跨浏览器打印代码，也就是说，如果我需要其他代码，那么就很简单：

//print page
    $('.print').click(function() {
        window.print();
        return false;
    });

我确实找到了书签，这就是为什么我也更关心打印，但在谷歌上找不到任何有用的东西。

以下代码用于跨浏览器书签

//bookmark page
$("a.bookmark").click(function(e)
{
    e.preventDefault(); // this will prevent the anchor tag from going the user off to the link
    var bookmarkUrl = this.href;
    var bookmarkTitle = this.title;

    if (window.sidebar) { // For Mozilla Firefox Bookmark
        window.sidebar.addPanel(bookmarkTitle, bookmarkUrl,"");
    } else if( window.external || document.all) { // For IE Favorite
        window.external.AddFavorite( bookmarkUrl, bookmarkTitle);
    } else if(window.opera) { // For Opera Browsers
        $("a.jQueryBookmark").attr("href",bookmarkUrl);
        $("a.jQueryBookmark").attr("title",bookmarkTitle);
        $("a.jQueryBookmark").attr("rel","sidebar");
    } else { // for other browsers which does not support
        alert('Your browser does not support this bookmark action');
        return false;
    }
});

Answer 1

window.print() 是事实上的标准。 （从 IE4/Netscape 4 开始就支持它）。

在进行此操作时，请务必查看如何自定义使用 打印页面时的外观打印特定的 CSS 样式表。

Answer 2

window.print() 将完成这项工作。

Answer 3

这是一般的方式。它不是 dom 的官方部分。我会首先检查它是否存在。

Answer 4

首先，您需要将 html 设置为具有与此类似的内容安全策略：

frame-src * 'self' blob: data:

示例：

<meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:; frame-src * 'self' blob: data:">

这里重要的部分是：frame-src blob: data: (blob 部分)

然后，您可以使用“本地”非跨域进行打印通过将 iframe 设置为加载 blob 而不是“外部 URL”的方式

使用以下命令：

 function printPage(url) {
      fetch(url)
        .then(function (response) {
          return response.blob();
        })
        .then(function (myBlob) {
          var newFrame = document.createElement('iframe');
          var existingDOMIframe = document.getElementById('printIframe');
          if (existingDOMIframe) {
            document.body.removeChild(existingDOMIframe);
          }

          newFrame.id = 'printIframe';
          newFrame.style.width = '0';
          newFrame.style.border = '0';
          newFrame.style.height = '0';
          newFrame.style.position = 'relative';
          var objectURL = URL.createObjectURL(myBlob);
          newFrame.src = objectURL;
          newFrame.onload = function () {
            document.querySelector('#printIframe').contentWindow.print();
          };
          document.body.appendChild(newFrame);
          objectURL = URL.revokeObjectURL(myBlob);
        });
    }