如何可靠地检测跨多个浏览器的打印请求？

跨浏览器 onbeforeprint() 和 onafterprint() 解决方案

检测网页何时在不同浏览器上打印一直是一个挑战过去由于缺乏统一的方法。传统上，Internet Explorer 为此提供了 onbeforeprint() 和 onafterprint() 事件，但其他浏览器缺乏等效功能。然而，最近的进步带来了新的可能性。

利用 window.matchMedia

许多现代浏览器现在支持 window.matchMedia API，它允许检测 CSS 媒体查询变化。通过将 window.matchMedia 与 window.onbeforeprint/window.onafterprint 结合使用，可以实现跨浏览器解决方案。

以下代码片段演示了实现：

if ('matchMedia' in window) {
    // Chrome, Firefox, and IE 10 support mediaMatch listeners
    window.matchMedia('print').addListener(function(media) {
        if (media.matches) {
            beforePrint();
        } else {
            // Fires immediately, so wait for the first mouse movement
            $(document).one('mouseover', afterPrint);
        }
    });
} else {
    // IE and Firefox fire before/after events
    $(window).on('beforeprint', beforePrint);
    $(window).on('afterprint', afterPrint);
}

优点和注意事项

此方法提供了用于检测打印请求的跨浏览器解决方案。但是，需要注意的是，某些浏览器可能会触发对 beforePrint() 和 afterPrint() 的多次调用，这可能会导致不良行为。因此，仔细考虑响应打印事件的处理要求至关重要。

更多资源

有关更多信息和示例，请参阅以下外部资源：

• [使用 JavaScript 检测打印请求](http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/)

以上是如何可靠地检测跨多个浏览器的打印请求？的详细内容。更多信息请关注PHP中文网其他相关文章！