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

Question

我目前正在使用最新版本的Chrome(43.0.2357.130),在window.print()使用⌘P 从vs 调用print时,我遇到了打印功能的差异.

使用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

Answer 1

看起来这可能只是 Chrome 的一个错误。https://bugs.chromium.org/p/chromium/issues/detail?id=422883