웹 브라우저 한글깨짐 해결

 

• 브라우저에서 위 글자처럼 한글이 깨지는 경우
• 개발자도구 콘솔창에서 document.characterSet으로 현재 페이지의 인코딩 설정 상태 확인
• 다른 인코딩으로 읽으면 한글 깨짐( UTF-8로 작성된 텍스트를 EUC-KR로 읽을 때 등.. )
• 아래 세 가지 방법 중 한 가지를 사용하여 한글깨짐 해결

1 크롬 인코딩 강제 설정

• Set Character Encoding 설치
  https://chrome.google.com/webstore/detail/set-character-encoding/bpojelgakakmcfmjfilgdlmhefphglae?hl=ko

• 사용법
  브라우저 화면 우클릭 > Set Character Encoding > 인코딩

2 개발자도구 인코딩 설정 스크립트 적용

• 한글이 깨지는 페이지로 이동하여 개발자도구 콘솔 창에서 아래 스크립트 실행

 async function fetch_js() {
     let url = document.location.href;
     let response = await fetch(url);
     let responseText = await response.text();
    // response 결과를 body에 저장
     document.body.innerHTML = responseText;
 }
 
 (async() => {
     await fetch_js();
 })();

3 개발자도구 Network 탭에서 요청된 문서 파일을 저장


4 HTML 인코딩 설정

• 파일을 연결할 때 charset 을 지정

 <script src="http://test.com/abc.js" charset="utf-8"></script>