Heim >Web-Frontend >js-Tutorial >Wie kann man in der Webentwicklung zuverlässig zwischen Seitenaktualisierungen und Browserschließungen unterscheiden?

Wie kann man in der Webentwicklung zuverlässig zwischen Seitenaktualisierungen und Browserschließungen unterscheiden?

Susan Sarandon
Susan SarandonOriginal
2024-11-04 22:22:011046Durchsuche

How to Reliably Differentiate Between Page Refreshes and Browser Closures in Web Development?

Unterscheidende Browseraktionen: Aktualisieren vs. Schließen

In der Webentwicklung kann die Unterscheidung zwischen Seitenaktualisierungen und Browserschließungen während des ONUNLOAD-Ereignisses eine Herausforderung darstellen. Hier ist eine Lösung, die den lokalen HTML5-Speicher und die Client/Server-Kommunikation nutzt:

  1. On Page Unload:

    • Implementieren Sie einen Onunload-Ereignishandler im Fenster, wie zum Beispiel myUnload().
    • Setzen Sie ein lokales Speicherflag myUnloadEventFlag auf den aktuellen Zeitstempel.
    • Benachrichtigen Sie den Server, dass es in einigen Fällen zu einer Verbindungsunterbrechung (z. B. Schließen des Browsers) kommen kann Sekunden über einen AJAX-Aufruf (askServerToDisconnectUserInAFewSeconds()).
  2. Beim Laden der Seite:

    • Implementieren Sie einen Onload-Ereignishandler auf dem Körper, wie zum Beispiel myLoad().
    • Rufen Sie das myUnloadEventFlag aus dem lokalen Speicher ab und vergleichen Sie es mit dem aktuellen Zeitstempel.
    • Wenn die Dauer zwischen dem vorherigen und dem aktuellen Entladeereignis weniger als 10 beträgt Sekunden, handelt es sich wahrscheinlich um ein Neuladen (brechen Sie die Trennungsanforderung über askServerToCancelDisconnectionRequest() ab).
    • Wenn die Dauer länger als 10 Sekunden ist, handelt es sich wahrscheinlich um ein Schließen des Browsers.
  3. Serverseitig:

    • Trennungsanfragen in einer Liste sammeln und einen Timer-Thread (z. B. alle 20 Sekunden) festlegen, um die Liste zu überprüfen.
    • Wenn eine Trennungsanforderung abläuft (z. B. nach 5 Sekunden), trennen Sie den Benutzer.
    • Wenn eine Abbruchanforderung eingeht, entfernen Sie die entsprechende Trennungsanforderung aus der Liste.

Dieser Ansatz kann auch zwischen dem Schließen von Tabs/Fenstern, verfolgten Links und eingereichten Formularen unterscheiden. Es ist auf Browser anwendbar, die den lokalen HTML5-Speicher unterstützen, und ist zuverlässiger, als sich auf bestimmte Ereigniseigenschaften wie die Cursorposition zu verlassen.

Das obige ist der detaillierte Inhalt vonWie kann man in der Webentwicklung zuverlässig zwischen Seitenaktualisierungen und Browserschließungen unterscheiden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn