웹 페이지에서 현재 사용 중인 프로토콜이 http인지 https인지 확인하려면 자바스크립트의 window.location 객체를 활용하면 됩니다.
특히 window.location.protocol 속성은 현재 페이지의 프로토콜을 문자열로 반환합니다. 예를 들어 일반 HTTP 페이지에서는 http:, 보안이 적용된 HTTPS 페이지에서는 https:가 결과로 출력됩니다.
사용 예제
아래 코드는 현재 페이지의 프로토콜을 화면에 직접 출력하는 간단한 예제입니다.
<!DOCTYPE html>
<html>
<body>
<script>
document.write("http 또는 https 확인:<br>현재 프로토콜은: " + window.location.protocol);
</script>
</body>
</html>실행 결과
HTTPS로 접속한 페이지에서 위 코드를 실행하면 다음과 같은 결과가 표시됩니다.
http 또는 https 확인: 현재 프로토콜은: https:
참고 사항
window.location.protocol은 콜론(:)까지 포함한 값을 반환한다는 점에 유의하세요. 만약 콜론 없이 순수하게 https 또는 http라는 문자열만 필요하다면 아래와 같이 replace() 메서드를 사용해 제거할 수 있습니다.
const protocol = window.location.protocol.replace(':', '');
console.log(protocol); // 예: "https"이 방법은 페이지가 보안 연결(HTTPS)을 사용하고 있는지 판단해 경고 메시지를 표시하거나, API 요청 주소를 동적으로 생성하는 등 다양한 상황에서 유용하게 활용할 수 있습니다.