如何可靠地偵測跨多個瀏覽器的列印請求？

跨瀏覽器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中文網其他相關文章！