IE8 / Chrome으로 HTML 분석하기

예전에 대충 본적은 있지만, 써본건 첨이라 대충 정리

Chrome

크롬은 우클릭 메뉴에서 "요소 검사" 를 누른다.

그리고는 하단의 돋보기를 클릭하고

원하는 지점을 선택하여 클릭하면 아래에 HTML 소스가 나타난다.

Internet Explorer 8

IE는 도구 - 개발자 도구 를 누르거나 F12를 누르면 된다.

(버그인지 가끔 연결이 안되는데 그럴때는 IE를 재시작해야 한다 -_-)

개발자 도구의 "클릭으로 요소 선택" 이라는 커서 아이콘을 누르면

아래와 같이 특정 영역이 박스로 쳐지면서 클릭시, 개발자 도구에 소스가 나타난다.

개인적으로는 CSS 속성을 껐다 켰다 할 수 있는 IE8 쪽을 추천하고 싶다.