브라우저가 혼합 콘텐츠를 차단해요
HTTPS 페이지에서 브라우저가 HTTP 이미지·스크립트·API를 혼합 콘텐츠로 차단할 때 Console과 Network 결과를 기준으로 확인하는 가이드입니다.
빠른 답변
HTTPS 페이지의 하위 리소스가 HTTP 주소로 요청됐는지 Console과 Network에서 확인하고, 차단된 URL과 리소스 유형을 기록한 뒤 Mixed Content 진단 문서로 이동해야 합니다.
- 적용 범위
- 이 가이드의 시작 증상과 각 분기 조건이 일치하는 경우
- 출처 확인일
- 2026-08-04
- 최종 검토
- 2026-08-04
- 수정일
- 2026-08-04
- 정정 이력
- 2026-07-29 이후 기록 없음
- 대상
- 사이트 운영자, 쇼핑몰 운영자, 웹 에이전시, 프리랜서
이 가이드가 맞는 경우
- 애플리케이션 오류 메시지
상황별 다음 단계
호스팅사·개발자에게 전달할 내용
변경 전 기록
- HTTPS 페이지 주소와 차단된 리소스 URL·유형·확인 시각을 전달합니다.
- Console의 Mixed Content 문구와 Network의 요청 상태·차단 이유를 전달합니다.
- 비밀번호, 인증 토큰, 세션 쿠키, 결제 정보, 개인정보는 전달하지 않습니다.
알아둘 점
HTTPS 페이지에서 이미지·스크립트·스타일·iframe·API가 보이지 않거나 브라우저 Console에 Mixed Content가 표시되는 상황에서 사용합니다.
먼저 기록할 것
- HTTPS 페이지의 주소와 차단된 하위 리소스 URL을 기록합니다.
- Console의 Mixed Content 문구와 Network의 요청 상태·차단 이유를 확인합니다.
- 리소스 URL이
http://인지, 공식 HTTPS 주소가 따로 있는지 확인합니다. - 최근 HTTPS 전환·스킨·템플릿·외부 스크립트 변경 시각을 기록합니다.
상황별 다음 단계
- HTTPS 페이지가 HTTP 리소스를 요청해 브라우저가 차단하면 Mixed Content 리소스 차단을 확인합니다.
- 화면에 다른 오류 문구가 보이거나 Network 응답을 확인할 수 없으면 화면 오류 문구와 실제 HTTP 상태 불일치를 확인합니다.
브라우저 보안 검사를 끄거나 HTTP 리소스를 예외 허용하지 않습니다. 수정 후에는 Console·Network와 실제 이미지·스크립트·API 기능을 함께 다시 확인합니다.
참고 자료
혼합 콘텐츠 - 웹 보안 | MDN (새 창에서 열림)
MDN Web Docs (Mozilla) · 공식 자료 · 확인 범위: HTTPS 페이지가 HTTP 리소스를 요청하는 상태의 정의, 브라우저가 리소스 유형에 따라 업그레이드하거나 차단하는 동작, 개발자 콘솔과 실제 리소스 URL을 확인하는 방법 · 확인일: 2026-08-04