[JavaScript] 사용자 접속 Browser 이름 확인하기

# 소스코드

<html>
<head>
<title>:: JavaScript 브라우저 및 버전 체크 ::</title>
<script type="text/javascript">
	document.addEventListener("DOMContentLoaded", function() {

		let agent = navigator.userAgent;
		let colNum = 0;

		console.log( agent );

		// 크롬 계열 브라우저
		if( agent.indexOf( "Chrome" ) != -1 ) {

			// 엣지인경우
			if( agent.indexOf( "Chrome" ) != -1 && agent.indexOf( "Edg" ) != -1 ) {
				colNum = agent.search( /\Edg\//g );
                document.getElementById("checkBrowser").textContent = agent.slice( colNum, colNum + 5 ).replace(/.\s*$/, "");
			}

			// 웨일인 경우
			else if( agent.indexOf( "Chrome" ) != -1 && agent.indexOf( "Whale" ) != -1 ) {
				colNum = agent.search( /\whale\//g );	// 무슨이유인지 'W'가 대문자이면 찾지를 못한다.
                document.getElementById("checkBrowser").textContent = agent.slice( colNum, colNum + 6 ).replace(/.\s*$/, "");
			}

			// 크롬인 경우
			else {
				colNum = agent.search( /\Chrome\//g );
                document.getElementById("checkBrowser").textContent = agent.slice( colNum, colNum + 7 ).replace(/.\s*$/, "");
			}
		}

		// 파이어폭스인 경우
		else if( agent.indexOf( "Firefox" ) != -1 ) {
			colNum = agent.search( /\Firefox\//g );
            document.getElementById("checkBrowser").textContent = agent.slice( colNum, colNum + 8 ).replace(/.\s*$/, "");
		}

		// 사파리인 경우
		else if( agent.indexOf( "safari" ) != -1 ) {
			colNum = agent.search( /\safari\//g );
            document.getElementById("checkBrowser").textContent = agent.slice( colNum, colNum + 10 ).replace(/.\s*$/, "");
		}

		// IE인경우
		else {
			agentExplorer = navigator.userAgent.toLowerCase();
			if ( ( navigator.appName == "Netscape" && navigator.userAgent.search( "Trident" ) != -1 ) || ( agentExplorer.indexOf("msie") != -1 ) ) {
				// colNum = agent.search( /rv/g );
				// alert( "Internet Explorer/" + agent.slice( colNum + 4, colNum + 6 ) );
                document.getElementById("checkBrowser").textContent = "Internet Explorer 11";
			}
		}
	});
</script>
</head>
<body>
    <div>
    <h3>■ 접속 브라우저 확인</h3>
    <br/>
    방문자가 접속한 인터넷 브라우저는 <span id="checkBrowser"></span> 입니다.
    </div>
</body>
</html>

# 출력결과

■ 접속 브라우저 확인

방문자가 접속한 인터넷 브라우저는 입니다.

'JavaScript' 카테고리의 다른 글

[JavaScript] 입력한 텍스트의 Byte 체크 (0)	2023.02.14
[JavaScript] 입력한 텍스트의 문자길이 체크 (0)	2023.02.14
[JavaScript] 휴대폰 번호 Hyphen(-) 삽입 형식 자동 입력폼 (0)	2022.12.26
[JavaScript] 자바스크립트를 이용한 캘린더 제작 (8)	2022.12.23
[JavaScript] UTC값을 YYYY-MM-DD 형식으로 변경하기 (0)	2022.05.24

# 소스코드

# 출력결과

■ 접속 브라우저 확인

'JavaScript' 카테고리의 다른 글

티스토리툴바