사용자 에이전트 문자열을 사용하지 않고 어떻게 사용자 브라우저를 안정적으로 감지할 수 있습니까?

사용자 에이전트 문자열 없이 사용자 브라우저 감지

브라우저 유형 인식

여러 브라우저용 확장 프로그램을 개발할 때 다음 사항이 중요합니다. 사용자의 브라우저를 정확하게 식별하여 해당 다운로드 페이지로 리디렉션합니다. 그러나 브라우저 감지를 위해 사용자 에이전트 문자열에 의존하는 것은 스푸핑 취약성으로 인해 신뢰할 수 없습니다.

정확한 브라우저 감지를 위한 덕 타이핑

이 문제를 해결하려면 오리 타이핑 접근 방식이 사용됩니다. 덕 타이핑은 특정 서명이나 식별 문자열에 의존하기보다는 브라우저의 동작과 속성에 중점을 둡니다. 이 방법은 더욱 강력하고 스푸핑에 덜 취약합니다.

데모 및 구현

제공된 JavaScript 코드에서는 Firefox를 포함한 일반 브라우저를 식별하기 위해 다양한 검사가 수행됩니다. , Chrome, Safari, Opera, IE, Edge 및 Edge Chromium이 있습니다. 각 검사에서는 브라우저의 고유한 특성을 검사하여 정확한 감지를 보장합니다.

브라우저 감지보다 기능 감지

브라우저 감지가 필요할 때도 있지만 일반적으로 다음과 같은 경우 기능 감지의 우선순위를 지정하는 것이 좋습니다. 가능한. 기능 감지에는 특정 브라우저 기능의 유무를 확인하여 향후 브라우저 버전과의 더 나은 견고성과 호환성을 보장하는 작업이 포함됩니다.

코드 샘플

다음 코드 조각은 다음을 제공합니다. 오리 타이핑 기반 브라우저 감지 방법:

// Duck-typing browser detection

var isFirefox = typeof InstallTrigger !== 'undefined';
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));
var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
var isIE = /*@cc_on!@*/false || !!document.documentMode;
var isEdge = !isIE && !!window.StyleMedia;
var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);
var isBlink = (isChrome || isOpera) && !!window.CSS;

위 내용은 사용자 에이전트 문자열을 사용하지 않고 어떻게 사용자 브라우저를 안정적으로 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!