Firefox를 이용하여 웹사이트를 3D로 보고 분석하기

파이어폭스 웹 브라우저에는 개발자도구를 이용하여 웹사이트를 3D로 보여주는 재미있는 기능이 있다. 3D 기능과 HTML 기능을 함께 이용하면 웹사이트를 분석할 때 아주 요긴하다.

개발자도구 메뉴에서 문서 검사를 선택한다.

브라우저 하단에서 3D 버튼을 선택하면...

웹사이트를 3D로 볼 수 있다. 마우스 휠을 굴리면 확대, 축소할 수 있으며 좌우 상하로 드래그 하면 화면을 뒤집어 볼 수 있다.

자세히 보면 웹사이트를 블록 단위로 쌓아놓았다. 하단의 HTML을 선택하고 웹사이트의 블록을 선택하면 해당 블록의 HTML을 살펴볼 수 있다.

이 기능을 이용하면 웹사이트를 분석할 때 전체 소스 보기 할 필요없이 원하는 부분만 살펴볼 수 있으니 정말 편리하다.