Wie erkennt man Druckanfragen zuverlässig über mehrere Browser hinweg?

Browserübergreifende onbeforeprint()- und onafterprint()-Lösung

Erkennen, wann eine Webseite in verschiedenen Browsern gedruckt wird, war eine Herausforderung in der Vergangenheit aufgrund des Fehlens eines einheitlichen Ansatzes. Traditionell stellte Internet Explorer zu diesem Zweck die Ereignisse onbeforeprint() und onafterprint() bereit, andere Browser verfügten jedoch nicht über entsprechende Funktionen. Jüngste Fortschritte haben jedoch neue Möglichkeiten eröffnet.

Verwendung von window.matchMedia

Viele moderne Browser unterstützen jetzt die window.matchMedia-API, die die Erkennung von CSS-Medien ermöglicht Änderungen abfragen. Durch den Einsatz von window.matchMedia in Verbindung mit window.onbeforeprint/window.onafterprint kann eine browserübergreifende Lösung erreicht werden.

Der folgende Codeausschnitt demonstriert die Implementierung:

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);
}

Vorteile und Vorbehalte

Dieser Ansatz bietet eine browserübergreifende Lösung zur Erkennung von Druckanfragen. Es ist jedoch wichtig zu beachten, dass einige Browser möglicherweise mehrere Aufrufe von beforePrint() und afterPrint() auslösen, was möglicherweise zu unerwünschtem Verhalten führt. Daher ist es wichtig, die Verarbeitungsanforderungen als Reaktion auf das Druckereignis sorgfältig zu prüfen.

Weitere Ressourcen

Weitere Informationen und Beispiele finden Sie in der folgenden externen Ressource:

• [Druckanfragen mit JavaScript erkennen](http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/)

Das obige ist der detaillierte Inhalt vonWie erkennt man Druckanfragen zuverlässig über mehrere Browser hinweg?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!