이번달에 Internet Explorer 8 (이하 IE8)이 정식으로 발표된다고 합니다. 이미 재빠르신 분들을 베타버젼부터 사용하게 계신데요. 저는 release candidate 1 버젼을 받아서 설치해 보았습니다.
전반적인 느낌
일단 외관에서는 IE7과 크게 달라진점이 보이진 않습니다만 전반적으로 좀더 깔끔해진 느낌이 드네요. 성능의 경우는 확실히 IE7보다 많이 빨라진 듯합니다.
여러가지 재미있는 기능들이 추가되었지만, IE6에서 IE7로 옮겨갈때 크게 고생을 해서 그런지 호환성보기라는 기능을 제공하고 있습니다. 또, 웹개발자들에게 도움이 될만한 도구도 추가가 되었구요.
호환성 보기
이런 기능을 추가해 놓은 걸 보니까, 그동안 IE가 지원하던 HTML과는 뭔가가 많이 달라졌음을 의미(?)하는 것 같습니다.
어쨌든, IE7에 맞춰서 제작된 웹페이지의 경우 위 그림과 같은 호환성보기 아이콘이 활성화 되는 것을 알수 있고, 만약 웹페이지가 정상적으로 보이지 않는다면 해당 아이콘을 눌러줌으로써 문제를 해결할 수 있습니다.
 |  |
팝업차단을 설정하는 것과 마찬가지로 도구->호환성보기 설정 메뉴를 통해 인터넷주소를 등록해 두면 해당 사이트는 항상 호화성보기 모드로 보여지게 됩니다. 파이어폭스에서 IE로 보는 기능과 유사하다고 할 수 있겠네요. 제 블로그의 경우도 뭐가 문제인지는 모르겠으나 이 기능이 항상 활성화 되네요. 결국 IE8에 완벽하게 맞추려면 날잡아서 삽질을 좀 해야할 듯 싶습니다.
개발자 도구
예전에 크롬으로 웹페이지 디버깅하는 방법에 대한 글을 썼었는데요. IE8에도 유사한 기능이 생겼더라구요. 웹페이지를 보는 도중에 도구->개발자도구를 클릭하거나 키보드에서 F12를 누르면 개발자 도구 창이 나타납니다.
현재 보고 있는 웹페이지의 실제 HTML - 동적으로 생성되는 코드까지 다 계산 완료된 상태 - 과 해당 요소에 적용된 실제 스타일을 확인할 수 있습니다.
만약에 페이지 구조가 복잡해서 요소까지 찾아가기 힘들다면 찾기->클릭으로 요소 선택 메뉴를 통해 웹페이지 상의 위치를 클릭해 줌으로서 해당 요소의 HTML 상의 위치 및 스타일이 곧바로 나타나게 되지요.
가장 재밌었던건, 동적으로 스타일등의 값을 바꿔서 바로바로 확인해 볼 수 있다는 점입니다. 위 쪽 그림에 보이듯이 스타일 제목 앞에 체크박스가 되어있는데, 이부분을 On/Off 함으로서 해당 값의 적용여부를 선택할 수도 있고, 혹은 적용된 값을 바꾸어서 확인해 볼 수도 있습니다.
다만, 한가지 아쉬운점은 요소의 모든 스타일이 보이는 것이 아니고, 위에 보이는 것 처럼 레이아웃과 글꼴 정보만 제공되고 있습니다.
나머지
더 자세하게 적고 싶었으나, 잠깐 짬내서 소개하는 글이라서 대충 안내만 하고 마치게 되네요. 다음에 또 기회될때 자세한 내용 올릴께요.
'IT 이야기 > 컴퓨터 & 인터넷' 카테고리의 다른 글
| 다음도 이상하네요... 크롬(베타) 의 문제인듯 (0) | 2009/03/11 |
|---|---|
| 네이버가 이상해요... 크롬(베타) 에서 깨지는 네이버 화면 (12) | 2009/03/11 |
| IE8 rc1 - 호환성보기, 개발자도구 (2) | 2009/03/05 |
| MP3파일에 가사입력하기 - 이모디오 + 알송 + 알송가사추출기 (8) | 2009/01/29 |
| 다음(Daum) 지도 서비스: 스카이뷰 + 로드뷰 (2) | 2009/01/20 |
| Unlocker: 사용중이라 못지운다고? 흥! 다 지워버릴꺼야~ (0) | 2009/01/20 |
트랙백 주소 :: http://www.crazybar.net/trackback/843
-
Subject: 구글 크롬으로 웹페이지 디버깅(debugging)하기
Tracked from Crazy Life on Net 2009/03/05 14:23 삭제구글 크롬은 일단 빠른 속도로 소문이 나서 적지 않은 분들이 주력 브라우저로 사용하고 있습니다. (물론 우리나라처럼 변태스러운 웹환경에서는 100% 전환은 불가하지만요.. ) 이번 포스팅에서는 얼마전 스킨을 수정할때랑 Exif플러그인 제어용 스크립트를 작성하면서 직접 격어본 내용을 바탕으로 크롬에서 제공하는 디버깅기능을 소개할까 합니다. 웹페이지 개발을 해본 분이라면 개체들간의 레이아웃을 맞추기위해, 불필요한 border넣어가면서 크기나 스타일을 가..
댓글을 달아 주세요
얼마전에 IE8 베타를 노트북에 깔았다가~ 업무용 사이트 접속도 안되고~
갑자기 멀쩡하던 플래시도 안되고 ㅜㅜ
결국 노트북 복원으로 롤백했다지요...
(근데 알고보니~ 플래시 플레이어를 최신 버젼으로 설치한탓에 그랬던걸 ㅋㅋ)
정식 버젼 나오면 바로 갈아타고 싶네요 ^^
베타버젼까지는 "호환성보기" 기능이 없어서 더 불편하셨을 겁니다. 일단 RC버젼에서는 이 기능 덕에 각종은행등 금융기관처럼 액티브엑스를 사용하는 대부분의 웹사이트가 잘 동작하네요.
플래쉬 부분은 플래쉬플레이어 10 때문일 가능성이 커 보이구요.
아무래도 정식이 나오면 좀 더 안정되겠죠.. 뭐.. ^^