반응형
안녕하세요 오늘은 프론트, 퍼블리싱 개발자들이 쉽게 데이터 정보를 파악 할 수 있는 프로그램을 추천해드릴게요!
VisBug
Open source browser design tools
chrome.google.com
본 프로그램은 크롬에서만 실행이 가능합니다!
저희가 기존 데이터 정보를 알고싶을때 F12를 눌러서 하나하나 클릭해서 파악했다면
Vis Bug를 사용하면 상세 사이즈를 모두 손쉽게 볼 수 있다는 장점이 있습니다.
Vis Bug를 크롬스토어에서 다운받으신 후
크롬창을 열면 주소창 옆에 퍼즐과 비슷한 아이콘이 뜰거에요
여기서 Vis Bug를 실행시키면 좌측에 메뉴가 나오는데 느낌표 메뉴를 눌러주시면
div 정보를 마우스만 갖다대도 쉽게 파악 할 수 있답니다.
프론트엔드나 웹 개발자 도구로 강력 추천드립니다 :)
반응형
'퍼블리싱 > html, css, javascript' 카테고리의 다른 글
| CSS 초기화 리셋 코드 공유 (+재설정 이유) (0) | 2023.11.06 |
|---|---|
| CSS 속성 부여시 . # 차이점 (0) | 2023.10.31 |
| 에어비엔비 메인 그리드 정렬 html, css 코드 (0) | 2023.10.28 |
| 에어비앤비 홈페이지 상단메뉴처럼 css 적용하기 (0) | 2023.10.23 |
| node.js 윈도우 설치 및 설치확인방법 React 시작하기 (0) | 2023.10.17 |