Question

我目前正在使用最新版本的Chrome（43.0.2357.130），在使用window.print()和使用⌘P调用打印时遇到打印功能的差异。

使用window.print()打印时，它会正确输出到控制台。打开打印对话框时输出Before Print，关闭对话框时输出After Print。

但是，在使用Chrome菜单或⌘P进行打印时，它会在打印对话框打开时将Before Print和After Print同时记录到控制台。

这是我正在使用的代码，在其他浏览器中运行良好。

function beforePrint() {
    console.log('Before Print');
}

function afterPrint() {
    console.log('After Print');
}

if (window.matchMedia) {
    var mediaQueryList = window.matchMedia('print');
    mediaQueryList.addListener(function (mql) {
        (mql.matches) ? beforePrint() : afterPrint();
    });
}
else {
    // basically a fallback for < IE11
    window.addEventListener('beforeprint', beforePrint, false);
    window.addEventListener('afterprint', afterPrint, false);
}

再次为了清晰起见，好像这是控制台：

这是我期望的输出：

> window.print()
  Before Print
  // Print Dialog is now open, I press cancel to close dialog
  After Print

这是我使用⌘P或菜单开始打印时得到的输出：

  Before Print
  After Print
  // Print Dialog is now open, but it is occurring in the wrong place

这是Chrome中的错误，还是有其他方法正确捕获事件？

仅供参考，以下是matchMedia

的Can I Use support table

Answer 1

看起来它可能只是Chrome的一个错误。 https://github.com/apache/cordova-plugin-network-information

在Chrome中检测浏览器打印事件有两种不同的方式

1 个答案: