사이트 내 전체검색

여기등록된 프로그램들은 해당 개발자에게 저작권이 있습니다. 공개/개인용/상용 여부를 확인하고 사용하세요.

소스의 윤곽을 보여주는 레이아웃 브라우저

페이지 정보

로빈아빠 조회 9,037회 2011-11-07 23:19

본문

지원 OS : 윈도xp 이상 

개발환경 : c++ 

사용제한 : 프리웨어 

제작자 :  Jin & 도레미 

자료설명 : 


php 소스내에 있는 Table 과 Div 태그를 시각적으로 보여주는 브라우저입니다. 

코딩작업 하다 보면 테이블, Div 들이 엉켜있을 때 어떤 모양인지 헷갈릴 때가 있지 않나요? 

고수들이야 소스만 봐도 머리속에 그림이 그려지지만 초보자들은 어디 그런가요? 


div, table 태그만 박스로 표시되도록 하였고 나머지 태그는 대부분 그대로 표현됩니다. 

그리고 php 소스나 자바스크립은 되도록 소스 형태의 텍스트로 보이도록 하였습니다. 


<사용방법> 

1. 아무 폴더에 압축해제해서 실행시킨다. 

2. 상단 [열기](폴더모양 아이콘) 클릭해서 php 또는 htm 파일을 선택한다. 

3. 버튼중 [1][2] 번을 클릭한다. 

  (1번은 id,class 내용도 보여주고, 2번은 윤곽만 보여줍니다.) 

4. 한글이 깨져 보이면 [새로고침] 아이콘 클릭 (euckr <-> utf8 토글버튼) 


* 함께 있는 1.css 2.css 를 수정하시면 table, div 박스의 형태, 색상등을 변경하실 수 있습니다. 


에디트플러스 같은 에디터를 사용하시는 분은 [설정>도구>브라우저2]로 등록하면 소스 편집하면서 윤곽을 보고 싶을때 수시로 확인할 수 있습니다.  다른 에디터도 브라우저를 등록할 수 있는 메뉴가 있다면 아마도 작동할 겁니다. 

(에디트플러스의 경우[도구 > 기본설정 > 도구]에서 브라우저2로 등록하면 소스 편집하면서 윤곽을 확인할 수 있습니다.)
추천0

첨부파일

댓글목록

등록된 댓글이 없습니다.

게시물 검색

회원로그인

접속자집계

오늘
211
어제
541
최대
3,566
전체
2,369,339