2009.08.03 13:08

IE 8 Developer Tools content

파이어폭스의 Firebug, 크롬의 개발자 정보와 같은 툴이 있어서 자바스크립트와 CSS, html 에 대한 구조 등에 대한 여러가지 정보를 제공해 준다면, IE8에는 개발자 툴(이전 포스팅:http://killic.tistory.com/entry/IE-7-에-추가하는-Developer-tool-과-IE-8-에-설치되어-있는-개발자-툴)이 있습니다. 있다는 정보만 알지 그 개개의 기능에 대해 자세한 설명이 부족하다고 생각했었는데(Layout manager, script debuger 등 주로 쓰게 되는 기능들은 직관적으로 이해할만하고 그 구성이 Visual studio의 디버깅과 비슷하기에 쓰는데 크게 어려움은 없습니다.) 아래 자세한 설명을 포함하는 msdn 정보 있네요... 총 8가지 항목에 대해 아래 와 같이 설명 하고 있습니다. 자세한 정보는 URL 을 통해 확인하시기 바랍니다.

http://msdn.microsoft.com/en-us/library/dd565622(VS.85).aspx

  • Debugging HTML and CSS with the Developer Tools
  • Debugging Script with the Developer Tools
  • Developer Tools Keyboard Shortcuts Reference
  • Developer Tools Tutorials
  • Developer Tools User Interface Reference
  • Discovering Internet Explorer Developer Tools
  • Profiling Script with the Developer Tools
  • Testing Browser and Document Compatibility Modes with the Developer Tools
저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'뭐하는데' 카테고리의 다른 글

켄트벡...내한  (0) 2009.08.28
하루를 행복하게 살려면  (0) 2009.08.12
IE 8 Developer Tools content  (0) 2009.08.03
윈도우 요리책 ㅋㅋㅋ  (0) 2009.07.22
Windows 7 RC Training Kit for Developers  (0) 2009.07.10
월화수목금금금  (0) 2009.07.08
Trackback 0 Comment 0
2009.04.08 11:56

IE 8 의 문서내 검색 기능


IE 를 쓰면서 불편하다고 생각했던 가장 큰 요소가 문서 내 검색이었다. 기억하시는가 답답한 검색 창을... 아래 그림은 기억을 되살리기 위해 메모장의 찾기를 캡쳐 한 것이지만, 브라우져의 찾기 역시 별반 다르지 않았다.


찾을 내용으로 검색은 되지만, 하나 찾고 다음 찾기가 못내 불편하던 것이었다. 찾아진 내용을 보려면 찾기 창을 닫아야 하고 그 걸 다시 열고를 반복해야 하는 많이 엉성한 구조였던 것이다. 파이어 폭스에서는 이미 훌륭한 대안이 적용되어 있었는데 IE 에서는 없었던 것이다.

이번 IE 8 에는 그 불편을 해소하고 문서 내 검색 연동이 가능하도록 바뀌었다. Ctrl + F 를 누르자 마자 애드인 식으로 나타나는 창이 보이는가....검색어를 입력하면 검색된 결과가 바로 바로 반영된다. 첫번째로 찾아진 것은 파란색 배경이 나타나고 다음 후보들은 노란색 배경으로 나타난다.



옵션 부분은 기존의 대소문자 구분에서 단어 단위로 옵션이 추가 되어 있다. 옵션을 선택하기 전에는 한글자(알파벳 하나) 단위로 문서내 검색 결과가 노란색으로 표시되며, 옵션을 켜게 되면 완성된 단어만 검색해 결과를 보여주게 된다. 



좀더 신경 쓴다면 정규식 지원도 넣어 주는건 어떨까 싶은데...ㅋㅋㅋ 뭐 정규식이란게 많은 사람들이 아는 내용은 아니지만, 검색 옵션으로 들어가는 것은 매력적일 것이란 생각이 든다. 정규식을 조금이라도 아는 사람들에게는
정말 필요한 것이란 생각이 든다. 더블어 검색 자체가 정규식을 이용한 검색일 것이란 생각이 드는데 단어 단위로 옵션 역시 정규식을 적용한게 아닐까 하는 생각이 드는데 정규식 입력을 위한 입력 칸을 하나 더 넣는 것 정도야 그리 어려운 일이 아니란 생각이 든다. 그런 부분까지 지원되어야 파이어폭스와 좀더 차별화 되지 않을까 싶다. 또 검색 결과에 대한 강조 표시도 옵션으로 켜고 끌 수 있었으면 싶다.

오늘 새로 알게 된 사실.... 팝업에서 Ctrl + F 를 하면 예전과 같은 UI 를 가진 찾기가 되는 군요... 팝업을 탭으로 열기한 경우는 위와 같이 브라우져 안에 표시되고 별도 팝업으로 뜬 경우는 아래 그림과 같은 찾기가적용되네요.

저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 0
2009.04.03 09:44

IE 8 의 호환성 모드로 강제하기.


아무래도 IE8 에서 더 높은 수준의 CSS 를 지원하다 보니 IE7 의 기준으로 되어 있는 사이트들을 한번에 바꾸기도 어렵고 여러가지 문제가 발생한다. 새로운 브라우져를 발표하는 Microsoft 도 그런 입장으로 고려하여 호환성 모드를 제공하는데 문제는
아래 그림에 보이는 부분을 클릭하기 전까지는 동작하지 않는다는 점이다.
클릭한번 더 하는게 얼마나 불편한지를 따지자는 건 아니지만, 클릭 수를 줄인 것을 최대 장점으로 삼고 있는 IE8 에는 치명적인 약점일 수 있단 생각이 들었다. 그런데 왠걸 그런 사항까지 고려해 두고 있다는 점을 알게 되었으니 그게 바로 메타 태그의 활용이다.

사이트를 운영하는 사람 입장에서는 잘 돌고 있는 모든 사이트를 새로운 브라우져에 맞게 수정한다는게 그리 녹녹한 일은 아닐 것이다. 특히나 표준 보다는 내부 고객의 요청에 충실한 경우라면 특히나 더 그럴 것이다. 이런 관리상의 잇점을 떠나서라도 hltml 태그만으로 어떤 결과를 바로 이끌어낸다는 점은 충분히 매력적인 일이라 생각한다. 조금 다른 측면으로 생각하자면 IE 호환 적용으로 인해 웹의 진화(표준 준수)가 좀더 늦어지는게 아닐까 싶기도 하지만, 변화와 청천 벽력의 중간 지점을 잘 선택한 경우로 생각된다. 보다 자세한 내용은 아래 링크의 마이크로소프트 홈페이지의 안내를 살펴 보시고 적용 방법은 아래 태그를 이용하기로 하자.


강제 호환모드 적용하기 안내 페이지
http://msdn.microsoft.com/ko-kr/ie/cc405106.aspx

아래와 같은 태그를 헤더에 삽입하면 강제 호완 모드 적용으로 나타나게 된다.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 0
2009.03.20 14:09

IE8 의 텝 그룹핑....좀 엉성하네....

IE 8의 새로운 기능중에 하나가 텝 그룹핑인데.....
나름 아이디어가 좋은 듯 싶다. 열려진 텝들 중에 도메인 기준으로 묶어주는 정말이지 꼭 있었으면 싶었던 그런 기능중에 하나이다.  탭 그룹에 대한 설정은 인터넷 옵션(여기까지도 어찌 가야할지 모르는 사람은.....기본 설정 값은 허용이니까....)에서 아래 그림의 빨간 네모부분을 클릭하면 확인이 가능하다.



적용된 결과는 다음과 같이 확인이 가능하다. 열린 탭을 한번에 보는 것 옆에 작은 아이콘을 클릭하면 아래 그림처럼 메뉴가 나오고 이쁘게 그룹핑된 내용을 확인 할 수 있다. 특정 사이트 광고를 하려는건 아닌데...... 그림 편집하기 귀찮다는 이유하나만으로 ㅋㅋㅋㅋ(그림판 사용하기 너무 않좋아요...)


그리고 열려진 탭들은 아래 그림처럼 텝의 배경색이 바뀌어서 나타나게 된다. Cool~~~~~사용되는 색은 색맹 색약인 사람에게도 구분이 가능한 색으로 배색되었다고 하니 MS 에서 지원하고자 하는 사용자 배려가 얼마나 섬세하게 적용되는 것인지 알것 같다.



그런데 탭을 이동하면 어떻게 될까???? 내 생각엔 그룹핑 된 색들이 계속 유지 될 것으로 예상 했었다....최소한 도메인 부분이 일치하는 것들 만큼은 말이지.... 그런데 이렇게 구구절절 글을 쓰는 이유는 그렇지 못하단 소리다...다시 더워지고 있다...


탭을 여러번 이동하다 보니 탭의 배경색 조차 초기화 되어 버리는.... 새로 여러탭을 열었더니 색마져 바뀌어 버렸다...여러차례의 확인 결과 탭을 이동하면서 그룹핑 되었던 연관 관계가 없어진다는 걸 알 수 있었고 중간에 떨어진 탭은 미아처럼 혼자만 남게 되고 배경색도 없어져 버린다. 처음 그림으로 확인 했던 그룹핑은 거의 의미가 없어 보인다. 결국은 순서만을 기억하는 것일뿐 도메인과의 연관성은 전혀 인정되지 않는다는 뜻이다. 각 탭별로 도메인의 정보를 가지고 있을 텐데 왜 유지 되지 않는 것인지....내가 너무 많은 기능을 바라고 있는건가...ㅋㅋㅋ 내가 직접할일이 아니라고 너무 멋대로 생각하나....ㅋㅋㅋ
 
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 1 Comment 0
2009.03.20 13:29

IE 8 확달라진 스크립트 디버거


뭐든 새로 나오면 여러가지 기능을 가지고 나오게 마련이지만, 이번 IE 8 에서 가장 주목하고 싶은 부분은 스크립트 디버거 부분이다.

오류에 대한 노티는 전과 비슷하고 내용도 별만 다를바 없어 보인다.... 내장 스크립트 디버거 사용....왠지 좀 있어보이네...ㅋㅋㅋ



역시나 기대를 저버리지 않는다... 자세한 기능은 더 사용해 봐야 알겠지만, 전체 내용적인 면에서 정말 많이 바뀌었구나를 절감할 수 있다. 콘솔 사용 부분도 그렇고 중다점 부분도 그렇고...다만 아쉬운 점은 디버거를 실행 중일때 다른 탭 역시 죽는다는 점이다. 역시나 탭 개별적으로 실행되는 것은 아니란 점이.....못내 아쉽긴 하다. 브라우져를 여러개 열면 해결되는 문제긴 하지만, 특정 탭에서 브라우져가 죽는 것을 방지한다던 말과는 약간 차이가 있는것 같아서 왠지 아쉬움이 남는다.




나의 경우 IE 7 때 부터 Developer tool 을 별도 설치한 경우기 때문에 이게 가능한 것인지 확인은 못했지만, (집에 컴에서 확인해 봐야지....ㅋㅋㅋ) 도구 메뉴에 개발자 도구가 따로 있는 것으로 봐서 아마 기본 설치되지 않나 싶다.
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Trackback 0 Comment 0


티스토리 툴바