HTML을 놓으세요. 링크가 나옵니다.

휴대폰이 그 파일을 열지 못하는 이유

모바일 브라우저는 애초에 로컬 파일을 열도록 만들어지지 않았습니다. 파일을 찾아 들어갈 경로 자체가 없는 경우가 대부분이고, 파일 관리자가 파일을 넘겨주더라도 페이지는 file://로 로드됩니다. 이 상태에서는 교차 출처 규칙이 외부 리소스를 차단하고 JavaScript의 일부는 그냥 실패합니다. 그래서 빈 화면이 뜨거나, 스타일이 전혀 적용되지 않은 글자만 보이거나, 무언가를 내려받으라는 안내가 떴다가 아무 데도 가지 않습니다. 파일을 링크로 게시하면 이 모든 것을 한 번에 피할 수 있습니다. 휴대폰에게 시키는 일이 "평범한 웹 페이지 열기"가 되는데, 그건 모든 모바일 브라우저가 가장 잘하는 단 하나의 일이기 때문입니다.

자주 묻는 질문

휴대폰에서 HTML 파일을 어떻게 여나요?

현실적인 방법은 그것을 파일로 취급하기를 그만두는 것입니다. 여기에 놓아 링크를 받고 그 링크를 여세요 — iOS와 Android 모두에서 일반 웹 페이지처럼 렌더링됩니다.

모바일에서 열면 왜 빈 화면이거나 스타일이 없나요?

file://로 로드되기 때문입니다. 이 상태에서 브라우저는 외부 스타일시트, 글꼴, 네트워크 요청 등 페이지에 필요한 많은 것을 차단합니다. https로 제공되면 그 모두가 다시 정상 동작합니다.

휴대폰만으로도 할 수 있나요?

가능합니다. 내려받은 파일이나 저장해 둔 이메일 첨부처럼 파일이 이미 휴대폰에 있다면, 여기서 그 파일을 선택해 컴퓨터 없이 바로 게시할 수 있습니다.

iPhone과 Android 모두에서 되나요?

둘 다 됩니다. 게시하고 나면 평범한 https 페이지이므로 Safari, Chrome, 삼성 인터넷 등 어떤 브라우저에서든 똑같이 열립니다.

HTML 파일이 zip 안에 있으면요?

먼저 압축을 풀고 .html을 고르세요. 휴대폰은 zip을 저장할 수는 있지만 그 안에서 페이지를 제공하지는 못합니다.

링크를 다른 사람에게 보낼 수 있나요?

바로 그것이 링크를 만드는 가장 흔한 이유입니다. 링크는 어떤 기기에서도 열리므로 누구에게 보내든 그대로 작동합니다 — 상대방은 앱을 설치할 필요도, 무언가를 내려받을 필요도 없습니다.

데스크톱에서는 문제의 양상이 다릅니다 — 더블클릭이 안 되는 이유 보기.