투케이2K

361. (javaScript) [간단 소스] 자바스크립트 window.performance.getEntriesByType navigation 사용해 페이지 접속 타입 확인 본문

JavaScript

361. (javaScript) [간단 소스] 자바스크립트 window.performance.getEntriesByType navigation 사용해 페이지 접속 타입 확인

투케이2K 2024. 10. 16. 18:49

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : JavaScript

 

[소스 코드]

 



-----------------------------------------------------------------------------------------
[사전 설명 및 설정 사항]
-----------------------------------------------------------------------------------------

- 개발 환경 : Web

- 개발 기술 : JavaScript (자바스크립트)

- window.performance.getEntriesByType 설명 : 페이지에 대한 타입 정보를 사용할 때 사용할 수 있습니다

- window.performance.getEntriesByType('navigation')?.[0]?.type 종류 : 

  >> navigate : a태그 및 location.href 로 페이지 접속한 경우

  >> reload : 새로고침으로 페이지 접속한 경우

  >> back_forward : 뒤로가기로 페이지 재접속한 경우

  >> prerender : 사전 렌더링 때 확인 시 표시되는 값

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[소스 코드]
-----------------------------------------------------------------------------------------

    window.onload = function() {
        console.log("");
        console.log("=========================================");
        console.log("[window onload] : [start]");
        console.log("-------------------------------------");
        console.log("[Page Open Type] : " + window.performance.getEntriesByType('navigation')?.[0]?.type);
        console.log("=========================================");
        console.log("");
    };

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[결과 출력]
-----------------------------------------------------------------------------------------

=========================================
[window onload] : [start]
-------------------------------------
[Page Open Type] : back_forward
=========================================

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[참고 사이트]
-----------------------------------------------------------------------------------------

[Web Doc 사이트]

https://developer.mozilla.org/en-US/docs/Web/API/Performance/getEntriesByType

-----------------------------------------------------------------------------------------

​

 

반응형
저작자표시

'JavaScript' 카테고리의 다른 글

363. (javaScript) [기본] 자바스크립트 DOMParser 사용해 xml 데이터 파싱 및 특정 tag 태그 값 확인  (0) 2024.11.19
362. (javaScript) [간단 소스] 자바스크립트 input box 에 focus 및 blur addEventListener 이벤트 등록 , 가상 키보드 활성 상태 확인  (0) 2024.10.22
360. (javaScript) [MQTT] - 자바스크립트 paho-mqtt 라이브러리 CDN 설정 및 샘플 소스 코드 참고 사이트 정리  (0) 2024.10.01
359. (javaScript) [WebSocket] - 자바스크립트 WebSocket 사용해 웹소켓 연결 및 실시간 메시지 수신 , 전송 수행  (0) 2024.09.22
358. (javaScript) [validate.js] - 자바스크립트 문법 유효성 검사 라이브러리 사용해 isFunction 함수 여부 체크 수행  (0) 2024.03.07
'JavaScript' Related Articles more
Comments