HTML 파일을 Chrome(크롬)으로 여는 방법: 컴퓨터, 아이폰, 안드로이드

.html 파일이 메모장이나 코드 편집기, Edge나 Safari에서 열리거나, 휴대폰에서 미리보기로만 열려요. Google Chrome에서 열고 싶다면, 이 글이 기기마다 Chrome에서 여는 부분을 다뤄요. 메뉴, 단축키, 기본 앱, 터미널, VS Code 순서예요. 기기 하나에 관한 나머지 내용은 Windows, Mac(둘 다 영어), 아이폰, 안드로이드(영어) 가이드에 있고, 갤럭시라면 갤럭시 가이드를 보세요. Safari라면 Safari에서 HTML 파일을 여는 방법(영어)을 보세요.

내가 만든 파일을 보내려고 하나요? 이 페이지 위쪽의 업로드 상자에 넣으면 계정 없이 미리보기 링크가 생겨요. 이 미리보기는 스크립트를 실행하지 않아서, 퀴즈나 게임은 반응하지 않아요. ‘이 페이지 보관하기’를 누르고 가입하면 페이지가 계정으로 옮겨지고, 그때부터 스크립트가 실행되고 게시할 수 있어요.

Windows나 Mac에서 HTML 파일을 Chrome으로 여는 4단계

이 단계는 Microsoft, Apple, Google의 도움말에서 가져왔고, 한국어 도움말은 2026년 11월 4일에 읽었어요. 같은 날 macOS 26.5.2의 Chrome 156에서 Chrome의 파일 메뉴와 터미널 명령을 확인했어요. Finder의 ‘다음으로 열기’와 ‘정보 가져오기’ > ‘모두 변경’, Windows PC에서 하는 Windows 단계는 해 보지 않았어요.

1. 파일 이름이 .html로 끝나는지 확인하기

page.html.txt라는 이름의 파일은 어떤 앱을 골라도 글자로 열려요. Microsoft는 확장명이 “파일을 만드는 데 사용되었거나 열 수 있는 응용 프로그램”을 컴퓨터에 알려 준다고 설명해요. 파일 탐색기에서 확장명을 보는 방법은 Windows 가이드(영어)에 있어요.

2. 열 앱으로 Google Chrome 고르기

• Windows. Microsoft의 안내대로 파일을 마우스 오른쪽 단추로 클릭하고, 열 앱을 고르는 메뉴에서 ‘다른 앱 선택’을 고르면 컴퓨터의 앱 목록이 나와요. Google Chrome을 고르세요.
• Mac. Apple은 “파일을 Control-클릭하고, 다음으로 열기를 선택한 다음 앱을 선택합니다”라고 안내해요. Google Chrome을 고르세요. Apple은 Finder나 Dock에 있는 앱 아이콘으로 파일을 드래그하는 방법도 안내해요.

이렇게 하면 이번 한 번만 Chrome에서 열려요. 다음에 더블클릭하면 .html 파일에 정해 둔 앱으로 다시 열려요.

3. 또는 Chrome에서 Ctrl + O 누르기

Chrome을 연 채로 Windows에서는 Ctrl + O, Mac에서는 Cmd + O를 누르고 파일을 고르세요. Google의 단축키 목록에서 Ctrl + O는 “컴퓨터에서 Chrome으로 파일 열기”예요. Convika의 Mac에서 영어로 표시한 Chrome 156의 File 메뉴에도 같은 명령이 Open File…이라는 이름으로 Cmd + O와 함께 있었어요. 한국어로 표시했을 때의 메뉴 이름은 확인하지 않았어요.

4. Chrome을 .html 파일의 기본 앱으로 정하기

• Windows. Microsoft의 파일 형식 안내대로 ‘설정’ 앱에서 ‘앱’ > ‘기본 앱’을 선택하세요. 안내에는 “검색창에 변경하려는 파일 확장명 또는 프로토콜(예: .txt)을 입력합니다”라고 적혀 있어요. 나타나는 결과를 선택하고 앱을 고르면 돼요. .html을 입력해 Google Chrome을 고르고, .htm도 똑같이 하세요.
• Mac. 파일을 선택하고 ‘파일’ > ‘정보 가져오기’를 선택하세요. 그다음 ‘다음으로 열기’에서 Apple의 안내대로 “팝업 메뉴를 클릭하고 앱을 선택한 다음, 모두 변경을 클릭하십시오.”

그다음부터는 .html 파일을 더블클릭하면 모두 Chrome에서 열려요. Chrome을 기본 브라우저로 정하는 Google의 도움말은 링크에 관한 내용이고, “Chrome을 기본 브라우저로 설정하면 링크가 Chrome에서 자동으로 열립니다”라고 적혀 있어요. Windows 11에서는 변경이 올바른 파일 형식에 적용되도록 ‘기본 파일 형식 또는 링크 유형 설정’ 아래의 목록을 검토하라고 덧붙여요.

터미널에서 Chrome으로 열기

Chrome을 지정하는 명령은 모두, 열 앱으로 Chrome을 고를 때와 같이 file:/// 주소로 파일을 열어요.

Mac. 터미널에서 파일이 있는 폴더로 이동한 뒤 다음을 실행하세요.

open -a "Google Chrome" page.html

macOS의 open 매뉴얼에 따르면 -a는 파일을 열 앱을 지정하고, 파일 이름은 셸이나 터미널 창의 현재 작업 디렉터리를 기준으로 읽어요. 2026년 11월 4일에 macOS 26.5.2에서 새 테스트 프로필로 이 명령을 실행했더니, page.html이 Chrome 156에서 file:/// 주소로 열렸고 페이지 안의 스크립트도 실행됐어요.

Windows. 명령 프롬프트에서, 파일이 있는 폴더에서 실행하세요.

start page.html
start chrome page.html

Microsoft의 start 페이지에는 “파일 이름을 명령으로 입력함으로써 파일 연결을 통해 비실행 파일을 실행할 수 있습니다”라고 적혀 있어요. 프로그램이 아닌 파일은 그 형식에 정해 둔 앱으로 열리니, 첫 줄은 Chrome이 .html 파일의 기본 앱일 때만 Chrome으로 열어요. 둘째 줄은 Chrome을 지정해요. Microsoft는 start가 지정한 실행 파일을 검색해서 실행한다고 설명해요. 두 줄 모두 Windows에서 시험하지 않았어요.

Linux. Google의 Chromium 문서는 Chrome을 google-chrome으로 실행하고, Chrome의 매뉴얼 페이지는 google-chrome [OPTION] [PATH|URL] 형식을 보여 줘요.

google-chrome page.html

Linux에서는 시험하지 않았어요. Convika의 Mac에서 Chrome 프로그램을 같은 방식으로 파일 이름과 함께 실행했더니 file:/// 주소로 파일이 열렸어요.

VS Code에서 Chrome으로 열기

VS Code의 미리보기는 Chrome이 아니에요. VS Code의 HTML 문서에 따르면 파일 탐색기나 편집기 탭에서 파일을 마우스 오른쪽 버튼으로 클릭하고 Open in Integrated Browser를 선택하면, 페이지가 VS Code 안에 보여요. 파일을 Chrome으로 열려면 아래 방법 중 하나를 쓰세요.

• 컴퓨터에서 파일 찾기. VS Code 문서에 따르면 파일을 마우스 오른쪽 버튼으로 클릭하고 Windows에서는 Reveal in File Explorer, macOS에서는 Reveal in Finder, Linux에서는 Open Containing Folder를 선택하면 돼요. 그다음 2단계처럼 Chrome으로 여세요.
• VS Code 안의 터미널 쓰기. 폴더를 마우스 오른쪽 버튼으로 클릭하고 Open in Integrated Terminal을 선택한 뒤, 앞 섹션에서 내 시스템에 맞는 명령을 실행하세요.
• Live Server 확장 쓰기. Marketplace 페이지는 이 확장이 정적·동적 페이지용 라이브 리로드 개발 서버를 띄우고, 기본 브라우저를 바꿀 수 있다고 소개해요. 시작하려면 Explorer 창에서 HTML 파일을 마우스 오른쪽 버튼으로 클릭하고 Open with Live Server를 누르거나, 상태 표시줄에서 Go Live를 누르라고 안내해요. Chrome으로 열리게 하려면 VS Code가 설정 값을 저장하는 settings.json에 아래 줄을 넣으세요(Preferences: Open User Settings (JSON) 명령으로 이 파일을 열 수 있어요). Live Server 설정 페이지는 이 설정의 값으로 chrome을 들어요.

"liveServer.settings.CustomBrowser": "chrome"

Live Server 설정 페이지는 기본 호스트를 127.0.0.1, 기본 포트를 5500으로 적고 있어요. 그래서 페이지는 file:///이 아니라 내 컴퓨터의 http:// 주소로 열려요. VS Code와 Live Server는 시험하지 않았어요. 우리가 쓴 Mac에는 VS Code가 설치되어 있지 않아요. 다른 사람이 열 수 있는 링크는 VS Code에서 HTML 파일을 공유하는 방법(영어)에서 다뤄요.

크롬북에서 열기

파일 앱에서 .html 파일을 더블클릭하면 Chrome 탭에서 열려요. Chromium의 파일 앱 소스 코드에는 HTML은 브라우저에서 열어야 한다고 적혀 있어요. Chrome에서 Ctrl + O를 눌러도 돼요. Google의 크롬북 단축키 목록에는 “브라우저에서 파일 열기”로 나와요. 크롬북에서는 시험하지 않았어요. 학교 크롬북에서 막힐 수 있는 것은 크롬북 가이드(영어)에서 다뤄요.

아이폰·아이패드에서 HTML 파일을 Chrome으로 열기

Google의 iPhone·iPad용 Chrome 도움말은 다운로드한 파일을 파일 앱에 저장하는 방법과, ‘더보기’ > ‘다운로드’에서 다운로드한 파일을 찾는 방법을 보여 줘요. 휴대폰에 저장한 .html 파일을 여는 단계는 없고, iOS용 Chrome도 시험하지 않았어요. 아이폰에 대해 아는 것은 아래와 같아요.

• 파일 앱에서 파일을 탭하면 미리보기가 열려요. Apple은 “해당 파일을 생성한 앱이 설치되지 않은 경우 파일의 미리보기가 훑어보기에서 열립니다”라고 안내해요. 2026년 10월 6일 iOS 26.3 시뮬레이터 시험에서는 이 미리보기가 JavaScript를 실행하지 않았어요.
• ‘다음으로 열기’로 다른 앱을 골라요. Apple은 파일을 길게 터치한 뒤 “메뉴에서 ‘다음으로 열기’를 선택한 다음, 옵션을 선택하십시오”라고 안내해요. ‘정보 가져오기’에는 그 파일이나 파일 형식을 열 앱을 정하는 ‘항상 다음으로 열기’가 있어요. 두 목록에 Chrome이 나오는지는 시험하지 않았어요.
• HTML 뷰어는 브라우저에서 페이지를 실행해요. 무료 HTML 뷰어를 열고 ‘HTML 파일 선택’을 탭하세요. 파일은 업로드되지 않아요. 아이폰 가이드는 Safari에서 시험했고, Chrome에서는 시험하지 않았어요. 예상하지 못한 파일을 받았다면 보낸 사람에게 먼저 묻고, 파일을 고르기 전에 ‘스크립트 실행’을 끄세요.
• Chrome이 기본 브라우저라면 링크는 Chrome에서 열려요. Google의 단계대로 Chrome에서 ‘더보기’ > ‘설정’ > ‘기본 브라우저’를 탭한 다음, ‘설정으로 이동…’ > ‘기본 브라우저 앱’을 탭하고 Chrome을 고르세요. 그러면 게시한 페이지의 링크를 탭했을 때 Chrome에서 열려요.

안드로이드에서 Chrome으로 열기

2026년 10월 21일과 22일에 Chrome 133이 든 안드로이드 16 에뮬레이터에서 시험했어요. 파일 앱에서 .html 파일을 탭하자 열 앱을 고르는 화면이 나왔고, Chrome과 HTML Viewer가 있었어요. Chrome은 페이지 전체를 실행했고, 주소는 내 휴대폰 안을 가리키는 content://로 시작했어요. HTML Viewer는 글자만 보여 주고 JavaScript를 실행하지 않았어요. 그러니 Chrome을 탭하고, 이번에만 여는 버튼(에뮬레이터의 영어 화면에서는 Just once)을 누르세요. 늘 여는 버튼(Always)을 누르면 그 앱이 모든 .html 파일을 열어요. 전체 시험과 Chrome이 목록에 없을 때 할 일은 안드로이드 가이드(영어)와 갤럭시 가이드에 있어요.

Google의 안드로이드용 Chrome 도움말은 다운로드한 파일이 어디 있는지만 알려 줘요. “기기에 다운로드한 모든 파일을 보려면 파일 앱을 엽니다”라는 안내예요. Files by Google, 삼성의 내 파일 앱, 실제 휴대폰은 시험하지 않았어요. Chrome이 목록에 없으면 Chrome에서 HTML 뷰어를 열고 ‘HTML 파일 선택’을 탭하세요. 예상하지 못한 파일이라면 보낸 사람에게 먼저 묻고, 파일을 고르기 전에 ‘스크립트 실행’을 끄세요.

Chrome에서 열리는데 깨져 보일 때

디스크에서 연 페이지는 주소가 file:///이고, Chrome은 그 페이지가 불러오는 것 중 일부를 막아요. 2026년 11월 4일 시험에서 Chrome 156은 디스크의 페이지를 열어 안에 적힌 스크립트를 실행했지만, 옆에 둔 game.js를 <script type="module">로 불러오는 부분은 실행하지 않았어요. data.json 요청과 빌드한 앱의 assets 폴더도 막힌 10월 24일의 전체 표는 Mac 가이드(영어)에 있어요.

• 페이지 대신 코드가 보이거나 빈 화면이라면: HTML 파일이 코드나 빈 화면으로 보일 때(영어)를 보세요.
• 그림과 스타일 없이 글자만 보인다면: HTML 파일의 이미지나 스타일이 빠졌을 때(영어)를 보세요. 페이지가 가리키는 .css와 이미지 파일은 페이지 옆에 있거나 페이지 안에 들어 있어야 해요.

오류를 보려면 Chrome의 개발자 도구를 여세요. Google의 목록에는 Windows에서 Ctrl + Shift + J 또는 F12, Mac에서 Cmd + Option + I가 있어요. 고치는 방법은 어느 브라우저에서나 같아요. 페이지를 만든 AI에게 CSS, JavaScript, 데이터를 모두 안에 넣은 HTML 파일 하나를 달라고 하거나, 페이지를 웹 주소에 올리세요.

Chrome에서 페이지를 HTML 파일로 저장하기

열려 있는 페이지를 저장하려면 Ctrl + S, Mac에서는 Cmd + S를 누르세요. Google은 이 단축키를 “옵션을 열어 현재 페이지 저장”으로 적어요. Convika의 Mac에서 영어로 표시한 Chrome 156의 File 메뉴에는 Cmd + S와 함께 Save Page As…가 있었어요. 폴더를 고르고 .html로 끝나는 이름을 붙이세요.

페이지가 아니라 HTML 코드가 있다면, 저장하지 않아도 볼 수 있어요. HTML 뷰어의 ‘코드 붙여 넣기’에 붙여 넣고 ‘페이지 보기’를 누르세요. 뷰어는 2 MB까지의 .html과 .htm 파일을 열어요.

Chrome에서 여는 방법 비교

Chrome에서 열리는 링크 보내기

파일을 보내면 받는 사람에게는 파일이 그대로 가서, 그 사람이 자기 기기에서 위의 단계를 거쳐야 해요. 링크를 보내면 받는 사람의 브라우저가 https:// 주소로 페이지를 열고, 그 사람의 기본 브라우저가 Chrome이라면 Chrome에서 열려요.

Convika로 보내는 방법은 이래요.

1. 이 페이지 위쪽의 업로드 상자에 파일을 놓거나 코드를 붙여 넣으세요. 계정 없이 몇 초 만에 미리보기 링크가 생겨요. 이 링크는 3분 동안 열리고, 스크립트와 폼은 꺼져 있어요.
2. ‘이 페이지 보관하기’를 누르고 가입하세요. 페이지가 계정으로 옮겨지고, 대시보드의 미리보기에서 스크립트가 실행돼요.
3. ‘페이지 게시하기’를 누르세요. ‘누가 이 페이지를 열 수 있나요?’에서 ‘전체 공개’를 고르고 ‘다음’을 누르세요. 처음 게시할 때는 ‘무료로 게시하기’를 누르세요.
4. ‘게시 주소’ 아래의 주소를 복사해서, 파일 대신 메일이나 채팅에 붙여 넣으세요.

무료 요금제에서는 페이지가 ‘전체 공개’로 게시돼요. 링크가 있는 사람은 누구나 열 수 있고, 검색 결과와 Convika 갤러리에 나올 수도 있어요. 둘 다에서 빼려면 게시할 때 ‘누가 이 페이지를 열 수 있나요?’에서 ‘일부 공개’(Pro)를 고르세요. 일부 공개 링크도 링크가 있는 사람은 누구나 열 수 있어요.

Convika는 페이지 하나에 HTML 파일 하나를 올려요. 그러니 game.js나 style.css는 먼저 페이지 안에 넣으세요. HTML 파일을 링크로 공유하는 방법에서 다른 무료 호스팅을 비교하고, HTML 파일을 열어도 안전한가요?(영어)에서 예상하지 못한 파일을 다뤄요.

자주 묻는 질문

HTML 파일을 Chrome으로 여는 방법은?

Windows에서는 파일을 마우스 오른쪽 단추로 클릭하고, 열 앱을 고르는 메뉴에서 Google Chrome을 고르세요. Mac에서는 파일을 Control-클릭하고 ‘다음으로 열기’에서 Google Chrome을 고르세요. 또는 Chrome을 열고 Ctrl + O(Mac은 Cmd + O)를 눌러 파일을 고르세요. Google은 이 단축키를 “컴퓨터에서 Chrome으로 파일 열기”로 적어요. 페이지는 file:/// 주소로 열려요.

HTML 파일이 늘 Chrome으로 열리게 하려면?

Windows에서는 ‘설정’ > ‘앱’ > ‘기본 앱’을 열고 검색창에 .html을 입력한 뒤, 결과를 선택하고 Google Chrome을 고르세요. .htm도 똑같이 하세요. Mac에서는 파일을 선택하고 ‘파일’ > ‘정보 가져오기’를 선택한 뒤, ‘다음으로 열기’에서 Google Chrome을 고르고 ‘모두 변경’을 클릭하세요. Chrome을 기본 브라우저로 정하면 링크를 여는 앱이 바뀌어요. 이 내용은 Google의 도움말에 있어요.

터미널에서 HTML 파일을 Chrome으로 열려면?

Mac에서는 파일이 있는 폴더에서 open -a "Google Chrome" page.html을 실행하세요. macOS 26.5.2에서 시험했을 때 Chrome 156에서 파일이 열렸어요. Windows에서는 Microsoft의 start 설명에 따라 start chrome page.html이 Chrome을 지정하고, Linux에서는 Chrome 매뉴얼 페이지의 형식인 google-chrome page.html을 쓰세요. Windows와 Linux의 명령은 시험하지 않았어요.

VS Code에서 HTML 파일을 Chrome으로 열려면?

VS Code의 Explorer에서 파일을 마우스 오른쪽 버튼으로 클릭하고 Reveal in File Explorer(Windows)나 Reveal in Finder(macOS)를 선택한 뒤, Chrome으로 여세요. 또는 Open in Integrated Terminal을 선택하고 내 시스템에 맞는 터미널 명령을 실행하세요. VS Code의 Open in Integrated Browser는 페이지를 Chrome이 아니라 VS Code 안에 보여 줘요. Live Server 확장이라면 Marketplace 페이지의 안내대로 파일을 마우스 오른쪽 버튼으로 클릭해 Open with Live Server를 고르거나, 상태 표시줄의 Go Live를 누르세요. VS Code의 settings.json에 "liveServer.settings.CustomBrowser": "chrome" 줄을 넣으면 Chrome으로 열려요. VS Code와 Live Server는 시험하지 않았어요.

아이폰이나 아이패드에서 HTML 파일을 Chrome으로 열려면?

Google의 iPhone·iPad용 Chrome 도움말에는 저장한 .html 파일을 여는 방법이 없고, iOS용 Chrome도 시험하지 않았어요. 파일 앱에서 파일을 탭하면 훑어보기 미리보기가 열리고, iOS 26.3 시험에서 이 미리보기는 JavaScript를 실행하지 않았어요. HTML 뷰어를 쓰거나(Safari에서 시험), 페이지를 링크로 만들고 Chrome을 기본 브라우저로 정하세요. 그러면 링크가 Chrome에서 열려요.

안드로이드에서 HTML 파일을 Chrome으로 열 수 있나요?

네. 파일 앱에서 파일을 탭하고, 안드로이드가 열 앱을 물으면 Chrome을 고르세요. Chrome 133이 든 안드로이드 16 에뮬레이터 시험에서 페이지는 스크립트까지 실행됐고, 주소는 휴대폰 안을 가리키는 content://였어요. Chrome이 목록에 없으면 Chrome에서 HTML 뷰어를 열고 거기서 파일을 고르세요.

Chrome에서 HTML 파일로 저장하려면?

Ctrl + S, Mac에서는 Cmd + S를 누르세요. Google은 이 단축키를 “옵션을 열어 현재 페이지 저장”으로 적어요. 파일 이름은 .html로 끝나게 하세요. Mac에서는 파일 메뉴의 페이지 저장 명령(영어 화면에서는 File > Save Page As…)도 같아요. 페이지가 아니라 HTML 코드가 있다면 HTML 뷰어에 붙여 넣으세요.

HTML 파일이 Chrome에서 깨져 보이는 이유는?

디스크에서 연 페이지는 모든 것을 불러오지 못하기 때문이에요. 2026년 11월 4일 시험에서 Chrome 156은 페이지 안에 적힌 스크립트는 실행했지만, 옆에 둔 game.js 모듈은 막았어요. 다른 폴더에 남아 있는 이미지와 .css 파일도 나오지 않아요. AI에게 모든 것을 담은 HTML 파일 하나를 달라고 하거나, 페이지를 게시하고 그 링크를 여세요.

출처

• Chrome 단축키 (Google Chrome 고객센터) (2026년 11월 4일 확인)
• Chrome을 기본 브라우저로 지정하기, 컴퓨터 (Google Chrome 고객센터) (2026년 11월 4일 확인)
• Chrome을 기본 브라우저로 지정하기, iPhone 및 iPad (Google Chrome 고객센터) (2026년 11월 4일 확인)
• 파일 다운로드하기, iPhone 및 iPad (Google Chrome 고객센터) (2026년 11월 4일 확인)
• 파일 다운로드하기, Android 휴대전화 및 태블릿 (Google Chrome 고객센터) (2026년 11월 4일 확인)
• Chromebook 단축키 (Chromebook 고객센터) (2026년 11월 4일 확인)
• ChromeOS 파일 앱의 기본 작업, file_tasks.cc (Chromium 소스 코드, 영어) (main 브랜치, 2026년 11월 4일 확인)
• Windows에서 기본 앱 변경 (Microsoft 지원) (2026년 6월 4일 작성, 2026년 11월 4일 확인)
• Windows의 일반적인 파일 이름 확장명 (Microsoft 지원) (2025년 7월 23일 작성, 2026년 11월 4일 확인)
• start, Windows 명령 (Microsoft Learn) (2026년 4월 16일 작성, 2026년 11월 4일 확인)
• Choose an app to open a file on Mac (Apple, 영어), 한국어판 Mac에서 앱을 선택하여 파일 열기 (Apple 지원) (2026년 11월 4일 확인)
• iPhone의 파일 앱에서 파일과 폴더 찾기 및 보기 (Apple 지원) (2026년 11월 4일 확인)
• Run Chromium with command-line switches (Chromium, 영어) (2026년 11월 4일 확인)
• Chrome의 Linux 매뉴얼 페이지, manpage.1.in (Chromium 소스 코드, 영어) (main 브랜치, 2026년 11월 4일 확인)
• HTML in Visual Studio Code (VS Code 문서, 영어) (2026년 10월 28일 작성, 2026년 11월 4일 확인)
• User interface (VS Code 문서, 영어) (2026년 10월 28일 작성, 2026년 11월 4일 확인)
• Settings (VS Code 문서, 영어) (2026년 10월 28일 작성, 2026년 11월 4일 확인)
• Live Server (Visual Studio Marketplace, 영어) (버전 5.7.10, 2026년 11월 4일 확인)
• Live Server settings (GitHub의 Live Server, 영어) (2026년 11월 4일 확인)
• macOS 26.5.2의 open 매뉴얼 페이지 (man open, 영어, 2026년 11월 4일 확인)