NetworkInformation API

[beecomci]

NetworkInformation API #

• device가 네트워크와 통신하는데 사용한 연결에 대한 정보 제공
• 연결 유형이 변경될 경우 그에 대한 정보를 알 수 있음
• navigator.connection 객체로 확인 가능

properties

NetworkInformation.type

• device가 네트워크와 통신하는데 사용한 연결 유형을 bluetooth, cellular, ethernet, none, wifi, wimax, other, unknown 중 하나를 반환

NetworkInformation.effectiveType

• 연결된 네트워크 상황에 따라 slow-2g, 2g, 3g, 4g 중 하나를 반환
• 가장 최근 네트워크 통신에서의 round-trip 값과 downlink 값을 조합하여 판단

NetworkInformation.rtt

• rount-trip 추정치

NetworkInformation.downlink

• 대역폭 추정치

NetworkInformation.saveData

• 사용자가 배터리 절약 모드를 사용하고 있는지 여부

Event Handler

onchange

• connection 객체의 change 이벤트 핸들러

// Browser Support
const connection = navigator.connection
|| navigator.mozConnection
|| navigator.webkitConnection;

function updateConnectionStatus() {
  alert("Connection bandwidth: " + connection.effectiveType + " MB/s");
}

connection.addEventListener("change", updateConnectionStatus);

주의점

• 현재 실험 단계의 API여서 브라우저 지원 범위가 제한적
• iOS는 미지원

그 외 네이버앱의 경우 ?

• 네이버앱의 경우 naverappapi에서 제공하는 function 호출로 네트워크 환경 체크가 가능
• 브검 가이드 참고