firefox에서 빈화면으로 보여요!

Trouble-Shooting

이제희 2024. 3. 1. 11:01

firefox 브라우저에서 빈화면으로 보인다는 연락을 받았다.

상황을 판단해보니 다음과 같았다.

chrome, safari에서는 정상적으로 표시되고 있음.
firefox에서는 빈화면으로 표시되고 있었으며, 콘솔에 "This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”. 메세지가 표시됨.
index.html이 403으로 반환됨.

웹 브라우저에서 웹 페이지를 렌더링 할 때, DOCTYPE을 해석해서 표준 모드인지, 쿼드 모드인지를 결정하는데 index.html이 정상적으로 반환되고 있지 않은 상태여서 DOCTYPE이 선언되지 않은 쿼크 모드로 판단하고 있었다.

(참고로 우리쪽 index.html에는 DOCTYPE 선언이 작성되어 있음! )

이건 필시 웹 서버에서 403으로 내려주는 게 원인이라고 판단하였다.

nginx 코드를 뒤져보니 403으로 반환해주는 케이스가 여러개가 있었는데 그 중에서도 bad bot인지 체크하여 반환하는 코드가 의심스러웠다.

아니나 다를까! firefox의 user-agent을 bad bot 으로 판단하고 있었다.

코드 수정 후 모든 환경에 배포 하여 firefox에서도 서비스를 제공할 수 있게 되었다!

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

EJ의 DEVLOG 💻