JavaScript를 사용하여 사용자의 브라우저와 버전을 어떻게 식별할 수 있습니까?

JavaScript로 브라우저 세부 정보 식별

navigator 개체의 도움으로 JavaScript를 사용하여 정확한 브라우저와 버전을 확인할 수 있습니다. 이 개체는 사용자의 탐색 환경에 대한 정보를 제공합니다.

해결책:

브라우저와 해당 버전을 감지하려면 다음 코드를 활용할 수 있습니다. 조각:

navigator.saysWho = (() => {
  const {userAgent} = navigator;
  let match = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  let temp;

  if (/trident/i.test(match[1])) {
    temp = /\brv[ :]+(\d+)/g.exec(userAgent) || [];

    return `IE ${temp[1] || ''}`;
  }

  if (match[1] === 'Chrome') {
    temp = userAgent.match(/\b(OPR|Edge)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('OPR', 'Opera');
    }

    temp = userAgent.match(/\b(Edg)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('Edg', 'Edge (Chromium)');
    }
  }

  match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, '-?'];
  temp = userAgent.match(/version\/(\d+)/i);

  if (temp !== null) {
    match.splice(1, 1, temp[1]);
  }

  return match.join(' ');
})();

console.log(navigator.saysWho);

설명:

• 이 코드는 탐색기 개체에서 사용자 에이전트 문자열을 추출합니다.
• 정규식을 사용합니다. 브라우저 이름과 버전이 일치하는지 확인하세요.
• Internet Explorer의 경우 "trident"를 사용하고 "rv" 필드에서 버전 번호를 추출합니다.
• Chrome의 경우 Chrome, Opera 및 Edge 브라우저를 구별하기 위해 특정 패턴을 확인합니다.
• 그런 다음 코드는 다음을 구성합니다. 브라우저와 버전을 나타내는 사람이 읽을 수 있는 문자열입니다.
• console.log(navigator.saysWho)를 호출하면 식별된 브라우저 세부 정보를 콘솔.

위 내용은 JavaScript를 사용하여 사용자의 브라우저와 버전을 어떻게 식별할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!