본문 바로가기
반응형

web developer toolbar2

웹 개발자 도구 web developer toolbar 개관 웹 개발자 도구 web developer toolbar 개관 며칠 전에 웹개발자 도구 web developer toolbar를 소개했었죠. 웹 디벨로퍼 툴바(web developer toolbar)는 웹개발자나 웹디자이너 html,css,자바스크립트 등을 다루는 분들에게 유용한 도구입니다. 오늘은 이 도구를 사용하는 방법에 대해 개략적으로 살펴 볼게요. 사전 준비: 파이어폭스, 구글, 오페라 브라우저를 이용하며, 웹 디벨로퍼 툴바가 설치돼 있어야 함. 웹개발자 도구, 웹 디벨로퍼 툴바 설치/제거 방법 저는 파이어폭스로 들어가 보았습니다. 우선 아무 사이트에 들어가 볼까요? http://www.websache.de/ (1)은 화면 상단에 툴바가 설치된 모습입니다 (Disable /Cookies/Css/Fo.. 2014. 8. 22.
웹개발자 도구, 웹 디벨로퍼 툴바 설치/제거 방법 [html/css]웹개발자 도구, 웹 디벨로퍼 툴바 설치/제거 방법 오늘은 웹개발자나 웹디자이너에게 유용한 도구를 소개하려고 합니다 바로 웹 디벨로퍼 툴바(Web Developer Toolbar) 인데요. html이나 css 언어를 다루는 분들은 이미 사용하고 계시는 분도 많을 테지만 저는 최근에 설치해서 사용해 보았습니다.. 웹 디벨로퍼 툴바는 정말 다양한 기능이 있지만, 제가 주로 사용해 본 기능들을 나열하자면 이렇습니다: css 편집, html 편집, css 보기, inline 스타일 끄기, embeded 스타일 끄기 div 크기 표시하기, img 외곽선 표시, div 외곽선 표시, id/class 상세 표시하기, 요소(element) 정보 표시하기, 요소 크기 표시하기, 유효성 검사하기 즉, 웹 .. 2014. 8. 13.
반응형