Jak możemy wykryć, kiedy użytkownik zamyka przeglądarkę?

Question

To znaczy, chcę śledzić, kiedy użytkownik opuszcza aplikację, zamyka przeglądarkę lub karty.

Komponenty i dyrektyw ma hak cyklem o nazwie ngOnDestroy, która jest wywoływana, gdy element jest zniszczony, ale nie może złapać, gdy użytkownik opuszcza App

import { Component, OnInit } from '@angular/core'; 

@Component({ 
    moduleId: module.id, 
    selector: 'app', 
    templateUrl: 'app.component.html' 
}) 
export class AppComponent implements OnDestroy { 
    constructor() { } 

    ngOnDestroy() { 
     alert(`I'm leaving the app!`); 
    } 

} 

Jeśli użytkownik zamknie przeglądarkę, alert nie jest wykonywany.

Answer 1

Można słuchać unload lub beforeunload zdarzeń tak:

export class AppComponent { 
    @HostListener('window:unload', [ '$event' ]) 
    unloadHandler(event) { 
    // ... 
    } 

    @HostListener('window:beforeunload', [ '$event' ]) 
    beforeUnloadHander(event) { 
    // ... 
    } 
} 

Zobacz także

• javascript detect browser close tab/close browser
• https://developer.mozilla.org/de/docs/Web/Events/unload