HTML 뷰어: 브라우저에서 온라인으로 HTML을 안전하게 미리보기
HTML 뷰어는 붙여넣거나 드래그한 마크업을 완전히 격리된 샌드박스 iframe에서 실시간으로 렌더링하는 브라우저 기반 HTML 미리보기 도구입니다. 스크립트는 기본적으로 비활성화되어 신뢰할 수 없는 마크업이 코드를 실행할 수 없습니다. 직접 책임 하에 보이는 경고와 함께 활성화할 수 있습니다. 파싱된 보기를 살펴보고, 필요한 것을 복사하며, HTML을 기기에 두세요.
HTML 뷰어는 붙여넣거나 드래그한 마크업을 실시간으로 렌더링하는 브라우저 기반 HTML 뷰어이자 미리보기 도구입니다. 문서를 완전히 격리된 샌드박스 iframe에 넣어 소스의 매 줄을 살펴보지 않고도 검사할 렌더링된 보기를 제공합니다. HTML을 검토하고 필요한 부분을 복사하는 데 사용하세요.
도구는 HTML 입력을 받아 iframe에서 렌더링합니다. 스크립트는 기본적으로 비활성화되어 신뢰할 수 없는 마크업이 미리보기에서 코드를 실행할 수 없습니다. 스크립트를 활성화하기로 선택하면 직접 책임 하에 하세요. 보이는 경고가 표시됩니다. 여기서 설명된 주요 설정 가능 동작은 스크립트 활성화 여부입니다.
HTML은 문서의 구조를 기술하는 마크업이고, 렌더링된 보기는 해당 구조를 소스 텍스트가 아닌 브라우저 콘텐츠로 보여줍니다. HTML 뷰어는 마크업을 다른 데이터 형식으로 변환하지 않습니다. 소스를 읽는 것에서 렌더링된 문서를 살펴보는 것으로 옮기는 데 도움이 됩니다. 낯선 HTML을 이해하거나 작업 전에 스니펫을 확인하고 싶을 때 유용할 수 있습니다.
HTML 뷰어는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되는 것이 없습니다. 페이지가 로드된 후에는 서버 의존성 없이 오프라인으로 동작합니다. 개발자와 DevOps 엔지니어는 HTML을 살펴보고, 낯선 문서를 검토하고, 필요한 발췌를 복사하는 데 사용할 수 있습니다.
1단계: 살펴볼 마크업을 로드하려면 HTML을 뷰어에 붙여넣거나 드래그하세요.
2단계: 샌드박스 iframe에서 렌더링된 파싱 보기를 확인해 문서를 브라우저 콘텐츠로 보세요.
3단계: 신뢰할 수 없는 HTML은 스크립트를 비활성화한 채로 두세요. 켜기로 선택하면 보이는 경고를 읽고 직접 책임 하에 진행하세요.
4단계: 검토한 뒤 문서에서 필요한 부분을 복사하세요.
사용 사례: 직접 작성하지 않아 소스 코드로 읽기 어려운 HTML 문서를 살펴보세요. 렌더링된 보기로 내용을 검토하기 쉬워집니다.
사용 사례: 이를 소비하는 코드를 작성하기 전에 HTML 값의 구조를 확인하세요. 마크업을 미리 보면 문서를 빠르게 살펴볼 수 있습니다.
사용 사례: 큰 HTML 문서에서 깔끔한 발췌를 복사하세요. 렌더링된 보기를 확인하고 필요한 부분을 가져가세요.
사용 사례: 페이지를 개발하면서 작은 HTML 스니펫을 미리 보세요. 실시간 렌더링으로 매 줄을 소스로 읽지 않고 마크업을 살펴볼 수 있습니다.
사용 사례: 살펴보기 전에 낯선 출처의 HTML을 검토하세요. 스크립트는 기본적으로 비활성화되어 있고, 활성화하면 경고가 표시됩니다.
사용 사례: 형식 변환이 아닌 렌더링된 보기가 필요할 때 붙여넣거나 드래그한 HTML을 살펴보세요.