JavaScript를 사용하여 Chrome 브라우저에서 닫기 탭과 전체 브라우저를 닫는 방법은 무엇입니까?

JavaScript는 Chrome 브라우저 탭과 브라우저를 구별합니다

웹 애플리케이션을 개발할 때는 사용자가 브라우저 탭을 닫았는지 또는 전체 브라우저를 구별해야합니다. 예를 들어, 사용자가 브라우저를 닫을 때 로그인 정보를 지워야하지만 탭을 닫을 때는 아닙니다. 이 기사에서는 Windows의 Chrome 브라우저 에서이 기능을 구현하는 방법에 대해 설명합니다.

이 메소드는 브라우저의 sessionStorage 사용하여 사용자 동작을 추적합니다. sessionStorage 는 HTML5에서 제공하는 스토리지 메커니즘입니다. 탭이 닫히면 데이터가 지워지지 만 브라우저가 완전히 닫힐 때까지 전체 브라우저가 닫히면 잠시 동안 유지됩니다.

다음 JavaScript 코드는 탭을 닫는 것과 전체 브라우저를 닫는 것을 구별 할 수 있습니다.

 window.onbeforeunload = function (event) {
    // 페이지가 설정되지 않음을 나타내도록 플래그를 설정합니다. sessionStorage.setItem ( 'isclosing', 'true');
};

Window.onload = function (이벤트) {
    // 깃발을 얻습니다. const isclosing = sessionstorage.getItem ( 'isclosing');

    if (isclosing === 'true') {
        // 플래그가 존재하며, 전체 브라우저가 닫혀 있음을 나타냅니다. // 로그인 정보를 지우십시오.

        // 플래그 SessionStorage.removeItem ( 'Isclosing')을 지우십시오.
    } 또 다른 {
        // 플래그가 존재하지 않으므로 탭 페이지가 닫혀 있음을 나타냅니다. // 작업이 수행되지 않습니다}
};

함수 clearlogininfo () {
    // 로그인 정보의 논리를 지우십시오.
    LocalStorage.removeItem ( 'Usertoken'); 
}

코드에서 onbeforeunload 이벤트는 플래그 isClosing 등장하고 onunload 이벤트는이 플래그를 확인합니다. 플래그가 존재하는 경우 clearLoginInfo 함수를 호출하여 로그인 정보를 지우십시오. 그렇지 않으면 탭 페이지가 닫히고 조치가 필요하지 않음을 의미합니다. clearLoginInfo 함수의 특정 클리어링 로직을 실제 응용 프로그램에 따라 조정해야합니다. 이 방법은 닫기 탭과 Windows의 Chrome 브라우저에서 전체 브라우저를 닫는 것을 효과적으로 구별합니다.

위 내용은 JavaScript를 사용하여 Chrome 브라우저에서 닫기 탭과 전체 브라우저를 닫는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!