크롬(chrome) 확장프로그램 추천

Nimbus

 

 

원하는 방법으로 화면 탭처, 영상 녹화가 가능한 확장 프로그램
(전체 화면, 특정 영역, 선택 영역, 스크롤 캡처, 동영상 촬영 등)

link : https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj/

 

---

 

CSS Peeper

 

 

개발자 도구, 요소 검사를 하지 않고도 웹페이지에 적용된 스타일을 간단하게 확인할 수 있는 확장 프로그램
특정 웹페이지에 적용된 폰트, 컬러, 이미지 등 에셋을 한 번에 확인할 수 있고, 이미지를 추출하거나 컬러 값을 바로 복사할 수 있음

link : https://csspeeper.com/

 

---

 

Dimensions

 

 

웹사이트 구성 요소 간 거리, 사이즈 측정이 가능한 확장 프로그램
개발자 도구 필요 없이 웹사이트 내 구성된 요소들간의 크기와 간격 등을 마우스를 가져다 대면 편리하게 확인할 수 있음

link : https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj/

 

---

 

Window Resizer

 

 

웹페이지를 원하는 해상도에 따라 확인할 수 있는 확장 프로그램
6개의 주요 기본 해상도를 제공하며, 직접 입력도 가능하고 페이지를 새 창으로 열거나 가로 형태로도 볼 수 있음

link : https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/