JavaScript를 사용한 브라우저 감지. 컴퓨터에 어떤 브라우저가 설치되어 있는지 확인하는 방법 내 브라우저 버전

이 튜토리얼에서는 PC에 어떤 브라우저가 설치되어 있는지 확인하는 방법에 대해 설명합니다. 질문은 사소해 보일 수 있지만 일부 사용자에게는 이 주제가 실제로 관련이 있습니다. 최근에 컴퓨터를 구입하여 이제 막 공부하기 시작한 사람일 수도 있습니다. 이 기사를 읽는 것이 흥미롭고 유용하다고 생각하는 사람들은 바로 이러한 사람들입니다. 그럼 시작해 보겠습니다.

브라우저 (브라우저)는 웹 페이지를 볼 수 있는 프로그램, 즉 인터넷을 볼 수 있는 프로그램입니다. 웹 브라우저를 사용하면 비디오 시청, 음악 듣기, 다양한 책, 기사 읽기 등을 할 수 있습니다.

하나 이상의 브라우저가 PC에 설치될 수 있습니다. 컴퓨터에 어떤 브라우저가 설치되어 있는지 고려해 보겠습니다. 브라우저를 살펴보거나, 시스템 설정을 열거나, 명령줄을 사용하는 등 여러 가지 방법이 있습니다.

방법 1: 인터넷 브라우저 자체에서

이미 웹 브라우저를 열었지만 그것이 무엇인지 모르는 경우에는 적어도 두 가지 방법으로 알아낼 수 있습니다.

첫 번째 옵션:


두 번째 옵션:


방법 2: 시스템 설정 사용

이 방법은 조금 더 어렵지만 할 수 있습니다.


꽤 많은 수의 브라우저와 해당 버전이 있습니다. 문제는 일부 브라우저에서는 특정 스크립트를 실행할 수 있지만 다른 브라우저에서는 그렇지 않다는 것입니다. 질문이 생깁니다: JavaScript에서 사용자의 브라우저를 찾는 방법, 스크립트를 실행할지 여부를 조건을 통해 결정합니다. 그리고 약 사용자의 브라우저 이름과 버전을 확인하는 방법이 글에 쓰겠습니다.

그러한 목적을 위해 네비게이터 객체, 또는 그 속성 중 두 가지: 앱 이름그리고 앱 버전. 먼저 사용자에게 브라우저 이름을 표시해 보겠습니다.

Document.write("브라우저를 사용하고 있습니다. " + navigator.appName);

결과적으로 당신은 보게 될 것입니다 사용자의 브라우저 이름. 또한 브라우저 자체뿐만 아니라 버전도 매우 중요합니다. 그리고 그러한 경우에 사용됩니다 appVersion 속성:

Document.write("귀하의 브라우저 버전 " + navigator.appVersion);

appName 속성그리고 앱 버전읽기 전용(논리적)이므로 변경할 수 없습니다. 이제 문제가 발생합니다. 어떻게 사용합니까? IF 연산자:

Var 브라우저 = navigator.appName;
if (브라우저 == "NetScape")
document.write("여기에서 NetScape 브라우저 소유자를 위한 스크립트를 실행할 수 있습니다.");

귀하의 질문에 답변해 드렸기를 바랍니다. " JavaScript에서 브라우저 이름과 버전을 찾는 방법".

어떻게든 다음 기록 형식으로 json 객체를 허용하는 함수를 만들어야 했습니다. "브라우저": 무엇을 반환해야 할까요? , 즉 사용자의 브라우저에 따라 지정된 개체를 반환하는 함수입니다.

내가 직접 정의한 TK:

  • 브라우저는 공백으로 구분하여 지정하여 그룹화할 수 있습니다.
  • 브라우저를 버전(예:6,opera10)으로 설정할 수 있습니다.
  • 브라우저를 정식 버전(opera10.15)으로 설정할 수 있습니다.
  • 가장 널리 사용되는 브라우저 지원

내 방법은 원하는 경우 위조할 수 있는 네비게이터 개체의 userAgent 속성을 사용하기 때문에 가장 정확하지는 않지만 서버와 클라이언트 모두 클라이언트 확인 방법을 우회할 수 있습니다. 특히 자바스크립트 코드를 실행하는 로봇이 거의 없기 때문에 이러한 "가짜"의 필요성에 대한 의문도 제기됩니다.

다음 기사 http://ru.wikipedia.org/wiki/Useragent를 연구한 후 ifBrowser 함수를 작성했습니다. 다음 브라우저 확인을 지원합니다. Internet Explorer, Firefox, Opera, Chrome, Safari, Konqueror, Iceweasel, SeaMonkey.

기능 코드:

/* ifBrowser 0.0.3 Plyushch Gregory가 작성한 사용자의 브라우저에 따라 지정된 데이터를 반환하는 함수(2012)는 작성자의 이름을 저장하는 조건에서 누구나 무료로 사용할 수 있습니다. */ function ifBrowser(obj) ( var none = obj["none"] || "없음"; function cBrowser() ( var ua = navigator.userAgent; var bName = function () ( if (ua.search(/MSIE/) > -1) return "ie" ; if (ua.search(/Firefox/) > -1) "firefox"를 반환하고, if (ua.search(/Opera/) > -1) "opera"를 반환합니다. if (ua.search(/Chrome/) > -1) "chrome" 반환; (ua.search(/Safari/) > -1) "safari" 반환; (ua.search(/Konqueror/) > -1) "konqueror" 반환; if (ua. 검색(/Iceweasel/) > -1) "iceweasel" 반환; if (ua.search(/SeaMonkey/) > -1) "seamonkey" 반환;)(); var version = function (bName) ( 스위치 (bName) ( 케이스 "ie" : return (ua.split("MSIE ")).split(";");break; 케이스 "firefox" : return ua.split("Firefox/");break; 케이스 "opera" : return ua.split("Version/");break; case "chrome" : return (ua.split("Chrome/")).split(" ");break; 케이스 "사파리" : return (ua.split("Version/")).split(" ");break; 케이스 "konqueror" : return (ua.split("KHTML/")).split(" ");break; 케이스 "iceweasel" : return (ua.split("Iceweasel/")).split(" ");break; 케이스 "seamonkey" : return ua.split("SeaMonkey/");break; ))(b이름); 반품 ; ) var current_browser = cBrowser(); for (var key in obj) ( var trg = key.toLowerCase(); if (trg.indexOf(current_browser) > -1) return obj; else if (trg.indexOf(current_browser) > -1) return obj; else ( var nsymbol = trg.charAt(trg.indexOf(current_browser)+current_browser.length); if (trg.indexOf(current_browser) > -1 && (nsymbol == " " || nsymbol == "")) return obj; ) ; ) 아무것도 반환하지 않음; )

사용자의 브라우저와 일치하는 표현식이 없으면 "none"이 반환되며, 이는 전달된 개체의 속성으로 지정할 수도 있습니다.

사용 예: (이 코드는 모든 최신 브라우저에서 모든 페이지 콘텐츠를 25도 회전합니다.)

Var 변환 = ifBrowser(( "ie":"msTransform", "chrome safari":"WebkitTransform", "firefox":"MozTransform", "opera":"OTransform", )) // CSS 속성의 이름 결정 문서 .body.style = "rotate(25deg)"가 필요합니다.

브라우저 이름은 다음 형식으로 입력해야 합니다. 즉, 파이어폭스, 오페라, 크롬, 사파리, 정복자, 아이스위즐, 시몽키. 사례는 중요하지 않습니다. 버전은 이름과 함께 작성됩니다. 예: 즉7. 여러 브라우저가 동일한 값을 반환해야 하는 경우 다음과 같이 공백으로 구분하여 지정하면 됩니다.
예를 들어 ( "chrome safari":"WebkitTransform"). 반환 값은 JavaScript 개체(문자열, 숫자, 함수, 부울 등)일 수 있습니다.

읽다, 사이트가 브라우저에서 수신할 수 있는 사용자 데이터를 보는 방법. 네트워크에 제공되는 정보를 최소화하는 방법. 인터넷 브라우저를 열자마자 즉시 뒤처지기 시작합니다. "디지털 흔적", 귀하가 방문하는 웹사이트는 귀하의 모든 온라인 활동을 추적합니다. 이것은 완전히 합법적인 관행입니다. 웹사이트, 게시판, 상품 및 서비스 광고의 개발자는 이와 관련된 모든 사용자 활동을 통제합니다.

2018-03-29 마이클 미로시니첸코


  • Windows 10에서 표준 배경 무늬 디자인을 더 좋게 만드는 방법을 읽어보세요. 대형 모니터나 4K 모니터의 경우 특히 그렇습니다. Microsoft 지원 서비스는 다양한 고품질 사진을 제공합니다.
  • 더 나은 시스템 성능을 위해 비활성화할 수 있는 Windows 서비스와 이를 올바르게 수행하는 방법을 읽어보세요. Windows 운영 체제에는 사전 설치된 도구 및 응용 프로그램 세트가 함께 제공됩니다. 올바른 작동을 보장할 뿐만 아니라...
  • 브라우저 기록을 보는 방법과 위치, 삭제 방법을 읽어보세요. 기본적으로 모든 브라우저는 도움을 받아 방문한 인터넷 페이지 또는 사이트의 기록을 저장합니다. 역사는 연대순으로 보존되며, 다음 위치에 저장됩니다.
  • 다양한 유형의 파일을 변환하고, 사진을 향상시키고, GIF를 수집하고, 올바른 색상 팔레트를 선택하고, 선택한 파일 간에 필요한 파일과 문서를 저장 및 전송하는 데 도움이 되는 온라인 애플리케이션 및 웹 서비스에 대해 읽어보세요.
  • 브라우저의 개인 정보 보호 설정을 사용하는 방법을 읽어보세요. 온라인 개인정보 보호를 강화하기 위한 애플리케이션이나 서비스를 고려해 보겠습니다. 시간이 지남에 따라 기밀성과 같은 중요한 개념은 점차 침식되고 있습니다.

첫째, 다양한 브라우저는 자신과 컴퓨터에 대한 다양한 데이터를 인터넷으로 전송합니다. 그들은 말이 더 많고 다른 사람들은 덜합니다. 그리고 자신을 다른 사람이라고 소개하면서 자신에 대한 거짓 정보를 전달할 수 있는 사람들도 있습니다. 여러 브라우저에서 이 페이지를 열고 각각이 인터넷에 나타나는 사람을 확인할 수 있습니다..html

둘째, 인터넷 보안이 심각하게 걱정되고 익명 처리 기능을 사용하거나 즐겨 사용하는 브라우저의 "시크릿" 모드에서 사이트를 여는 경우, 이 페이지를 사용하여 인터넷에서 귀하의 활동이 얼마나 익명인지, 어떤 정보가 있는지 확인할 수 있습니다. 당신은 여전히 ​​모든 사람이 볼 수 있도록 전시하고 있습니다.

셋째, 귀하와 귀하의 컴퓨터에 대한 가짜 데이터를 제공하도록 브라우저를 속일 수 있더라도 귀하가 전송하는 전체 데이터로 귀하를 식별할 수 있습니다. 이 세트가 더 독특하고 대부분의 인터넷 사용자와 더 많은 매개변수가 다를수록 귀하가 바로 귀하라고 가정할 가능성이 더 높아집니다. 이 휴리스틱 알고리즘은 100% 정확도를 제공하지는 않지만 특히 이를 사용하는 사람이 대량의 데이터에 액세스할 수 있는 경우 절반의 시간 동안 추측합니다.

어쨌든 걱정할 필요가 없습니다. 여기에 표시된 정보의 대부분은 본질적으로 기술적이며 브라우저가 성공적으로 작동하려면 해당 정보를 전송해야 합니다. 이는 절대적으로 정상이며 그래야 합니다.

공유하다