Softonic

혼합 콘텐츠 검사기

단계 1 / 3 검사할 HTML

HTTPS 페이지 안에서 불러온 http:// 리소스를 감지합니다.

다음

사이트를 HTTPS로 마이그레이션한 후에도 여전히 http://...를 참조하는 <img>, <script>, <link> 또는 <iframe> 태그가 존재하면 녹색 자물쇠 표시가 제대로 작동하지 않으며, 현대 브라우저에서는 페이지가 완전히 로드되지 않는 경우가 많습니다. URL을 입력하면 이 검사 도구는 해당 페이지를 로드하여 이미지, 스타일시트, 스크립트, 폰트, iframe, 동영상, 오디오 등 모든 하위 리소스를 분석하고, 일반 HTTP를 통해 제공되는 요소들을 목록화합니다. 이를 통해 사용자가 “완전히 안전하지 않음” 경고를 받기 전에 문제를 수정할 수 있습니다.

스캔의 작동 방식

  1. 1

    URL을 입력하세요

    HTTPS URL. 스캐너는 하나의 리디렉션 단계만을 따릅니다.

  2. 2

    페이지를 가져옵니다

    HTML을 파싱하여 모든 하위 리소스 참조를 찾습니다.

  3. 3

    각 참조는 분류된다.

    HTTPS, HTTP 또는 프로토콜 상대적(`//cdn...`).

  4. 4

    유형별로 분류된 보고서

    능동적 콘텐츠 대 수동적 콘텐츠 및 그 심각도 순위

능동적 대 수동적 혼합 콘텐츠

브라우저는 두 가지 클래스를 서로 다른 방식으로 처리합니다:

  • 활성 혼합 콘텐츠(스크립트, iframe, 스타일시트, XHR/fetch, 워커, WebSocket). 최신 브라우저에서 완전히 차단됩니다. 포함되는 항목: <script>, <link rel="stylesheet">, <iframe>, fetch(), XMLHttpRequest, importScripts().
  • 수동 혼합 콘텐츠 (이미지, 동영상, 오디오 포스터). 로드되지만 표시가 남습니다, 자물쇠 기호가 사라지고 주소창에 경고가 표시됩니다. 포함되는 항목: <img>, <audio>, <video>, 폼의 action 대상.

왜 이 문제가 중요한가

  • 신뢰성. 고장 난 자물쇠는 이를 발견한 사용자에게 “이 사이트는 안전하지 않다”는 메시지를 명확하게 전달합니다.
  • 기능성: 활성 콘텐츠가 차단되면 스크립트가 실행되지 않고 스타일시트도 적용되지 않아 페이지가 제대로 작동하지 않는 상태가 됩니다.
  • SEO: 구글은 HTTPS 페이지를 선호하며, HTTPS 연결이 끊긴 경우는 간접적으로 검색 순위에 부정적인 영향을 미칩니다.
  • 준수성: PCI DSS 및 기타 많은 준수 프레임워크는 거래 페이지에서 혼합 콘텐츠가 없도록 HTTPS를 사용하도록 요구합니다.

일반적인 출처들

출처 일반적인 수정 방법
기존 HTTP CDN 사용 도메인을 HTTPS CDN로 변경
내장형 YouTube/Vimeo 옛 엠베드 코드 엠베드를 최신 버전으로 업데이트합니다
광고 네트워크 스크립트 URL HTTPS 버전 사용 (수년간 제공됨)
제3자 폰트 및 지도 http://fonts.googleapis.com를 https://로 교체합니다
소셜 버튼 위젯 현재 사용 중인 위젯 코드를 사용합니다
사용자가 생성한 이미지 URL 저장 시 재작성; 표시 시 프록시를 통해 로드합니다
블로그 포스트 내 고정 URL 데이터베이스에서 일괄 검색 및 대체

문제 해결 방법

  1. 프로토콜 상대 URL(//cdn.example.com/a.js): 현재 페이지의 프로토콜을 사용하여 로드됩니다. 대부분의 CDN에서 사용 가능하지만 더 이상 권장되지 않으므로 명시적으로 https://...를 사용하는 것이 좋습니다.
  2. 원문에서 다시 작성하세요. 템플릿 및 콘텐츠를 업데이트하여 https://를 사용하도록 하세요. 코드베이스를 regex(http://(?!localhost))로 스캔하세요.
  3. 콘텐츠 보안 정책 업그레이드. Content-Security-Policy: upgrade-insecure-requests는 브라우저가 HTTP 자산 URL을 조용히 HTTPS로 다시 쓰도록 지시합니다. 모든 URL을 일일이 감사할 수 없는 사이트에 가장 적합합니다.
  4. **<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">**의 인라인 등가 표현.
  5. 상류 경로에 실제로 HTTPS 엔드포인트가 없는 경우(현재로서는 드물지만), 프록시를 통해 HTTPS 오리진을 사용하여 HTTP 전용 자산을 제공합니다.

검사기가 찾아내는 항목

  • <img>, <script>, <link>, <iframe>, <video>, <audio>, <source>에 참조된 모든 외부 URL.
  • 폼의 action 속성.
  • <style> 블록 안의 인라인 CSS url(...) 참조.
  • 자바스크립트에 인젝트된 리소스는 크롤링되지 않습니다. 이러한 리소스는 런타임에서 추가되므로 브라우저 측에서의 검증이 필요합니다(Chrome DevTools의 ‘문제’ 패널을 통해 이를 확인할 수 있습니다).

자주 묻는 질문

부분적으로입니다. upgrade-insecure-requests CSP 헤더 또는 메타 태그는 브라우저에 HTTP 하위 리소스 URL을 자동으로 HTTPS로 재작성하도록 지시합니다. 이 기능은 서버가 HTTPS를 지원하는 경우에만 작동하며, 상류 통신 방식이 HTTP 전용인 경우에는 재작성이 실패합니다.

아니요. 정적 HTML에서 참조된 리소스만 표시됩니다. 런타임에 <img> 요소를 생성하는 스크립트는 표시되지 않습니다. Chrome DevTools의 문제 패널은 이러한 경우를 브라우저 내에서 자동으로 감지합니다.

이들은 HTTPS 페이지에서는 혼합 콘텐츠 처리에 안전하며(HTTPS 기능을 상속함). 그러나 오직 HTTP만 사용하는 내부 도구나 아카이브된 페이지에서는 작동하지 않으며, 현재는 더 이상 권장되지 않습니다. 명시적인 https:// 형식을 사용하는 것이 바람직합니다.

브라우저 캐시 때문입니다. 수정 사항을 확인하려면 강력 새로고침(Ctrl+Shift+R / Cmd+Shift+R)을 하거나 시크릿 창에서 테스트해 보세요. CSP 보고서와 콘솔 경고에 현재 상태가 표시됩니다.

서버 측 페처가 분석을 위해 페이지를 가져옵니다. URL 자체는 요청 처리 외에는 저장되지 않습니다.

관련 도구

메타 설명 길이 확인기

메타 설명의 문자 수와 예상 픽셀 너비를 측정하고 편집 기준 및 데스크톱·모바일 레이아웃 예시와 비교하세요.

외부 링크 추출기

원시 HTML을 붙여넣고 필요에 따라 기본 URL을 지정하면, 코드에 포함된 모든 외부 http/https 링크를 중복 없이 정리된 목록으로 제공합니다. 링크 감사와 SEO 검토에 유용합니다.

Google SERP 시뮬레이터

모바일과 데스크톱의 글자 수 제한으로 Google 스타일 검색 스니펫을 대략 확인하세요. 초안은 이 브라우저 세션에만 남습니다.

HTTP 보안 헤더 검사기

HTTP 응답 헤더를 붙여넣고 HSTS, CSP, 클릭재킹, MIME, 리퍼러, 교차 출처 정책을 브라우저에서 점검하세요.

FAQ 스키마 생성기

질문과 답변 쌍으로 FAQPage JSON-LD 마크업을 생성해 Google의 리치 결과와 답변 상자 노출 자격을 얻으세요.

Canonical 태그 생성기

모든 URL에 유효한 rel=canonical 링크 태그를 생성하세요. URL 검증과 피해야 할 흔한 실수도 함께 안내합니다.

이 도구는 다른 언어로도 제공됩니다