iPhone에서 ChatGPT나 Claude가 준 HTML 파일 여는 방법

iPhone이 기본 상태로는 열지 못하는 이유

파일 앱 미리보기는 HTML을 제한된 모드로 렌더링합니다. 외부 스타일시트는 무시되고, JavaScript는 실행되지 않으며, 연결된 리소스는 불러오지 않습니다. 한편 Safari는 URL을 위해 만들어진 앱이라, 로컬 파일을 리소스까지 온전히 넘기는 일은 안정적이지 않습니다. 그래서 채팅 화면에서 멋져 보이던 AI 대시보드가 휴대폰에서는 스타일 없는 텍스트 덩어리가 됩니다.

방법 1 — HTML 뷰어로 파일 공유하기

1. OpenHTML(무료)을 받으세요. HTML, Markdown, 웹 프로젝트를 위한 기기 내 비공개 뷰어입니다.
2. ChatGPT/Claude, 파일 앱, 메일 등 어떤 앱에서든 .html 파일의 공유 버튼을 탭하세요.
3. OpenHTML을 선택하면 스타일이 적용되고 로컬 JavaScript가 실행된 상태로 페이지가 열립니다.

공유 시트에 OpenHTML이 보이지 않으면 앱 목록을 옆으로 밀어 '더 보기'를 탭하고 한 번 선택해 두세요. 그 뒤로는 iOS가 기억합니다.

방법 2 — 코드를 바로 붙여넣기

AI가 파일이 아니라 코드 블록을 주는 경우도 많습니다. 파일 앱에 먼저 저장할 필요 없습니다. 코드를 복사하고 OpenHTML을 열어 +를 탭한 다음 텍스트 또는 링크 붙여넣기를 선택하세요. 붙여넣은 코드가 바로 렌더링된 페이지가 되고, 가져온 파일과 똑같이 보관함에 둘 수 있습니다.

방법 3 — 파일 앱에서 한 번만 열기

파일이 이미 iCloud Drive나 '나의 iPhone'에 있다면 OpenHTML에서 +를 탭하고 파일 열기를 선택해 가져오기 없이 한 번만 읽을 수 있습니다. 직접 저장을 선택하지 않는 한 보관함에는 아무것도 추가되지 않습니다. 잠깐 확인만 하면 되는 파일에 알맞습니다.

페이지는 열리는데 깨져 보일 때

AI가 만든 페이지는 존재하지 않는 것을 참조하는 일이 흔합니다. CDN의 CSS 프레임워크, 네트워크로 불러오는 차트 라이브러리, AI가 언급만 하고 만들지는 않은 이미지 파일처럼요. 페이지가 손상된 것이 아니라 불완전한 것인데, 보통의 뷰어는 어느 부분이 문제인지 알려 주지 못합니다.

• OpenHTML의 진단은 누락된 파일과 차단된 원격 리소스를 이름까지 모두 나열하고, 콘솔의 JavaScript 오류도 함께 보여 줍니다.
• 페이지에 정말 CDN(폰트, 프레임워크)이 필요하다면 그 문서 하나에만 네트워크 접근을 허용하세요. 기본값은 모든 페이지를 오프라인으로 유지합니다.
• AI가 페이지를 여러 파일로 나눴다면 폴더나 ZIP으로 함께 가져와 상대 경로가 유지되게 하세요. ZIP 웹 프로젝트 실행하기를 참고하세요.

실패 유형을 더 깊이 살펴보려면 iOS 미리보기에서 HTML이 깨져 보이는 이유를 읽어 보세요.

개인정보: 파일은 어떻게 되나요

AI 결과물에는 보고서, 표, 초안처럼 사용자 본인의 데이터가 담기는 일이 많습니다. OpenHTML은 모든 것을 기기에 둡니다. 가져온 파일은 앱의 비공개 저장소에 들어가고, 계정이나 분석은 없으며, 문서별로 허용하지 않는 한 페이지는 네트워크에 접근할 수 없습니다. 아무것도 업로드되지 않습니다.

보기 그 이상

• 수식이 있는 Markdown 답변도 오프라인에서 렌더링됩니다. iPhone의 Markdown + LaTeX를 참고하세요.
• 결과를 누군가에게 보내야 하나요? 렌더링된 페이지를 전체 길이 PDF나 긴 이미지(Pro)로 내보내세요.
• AI가 거의 맞게 만든 페이지를 디버깅하나요? 요소 인스펙터와 네트워크 패널이 휴대폰에서 바로 작동합니다. iPhone에서 웹 페이지 디버깅하기를 보세요.