신기한 웹 세상

Tag

크롬

크롬 확장프로그램 비주얼 인스펙터 사용하기

F12키나 Ctrl+Shift+i을 누르면 개발자 도구가 나오는 것은 이쪽에서 일하는 사람은 다 알 것이다. 개발자 도구는 웹페이지의 구성요소를 확인할 수 있고, 바로 코드를 삽입하거나 수정해서 변화된 페이지를 바로 볼 수 있다. UI개발자라면 이 페이지에서는 CSS의 칼라값이 몇 개가 사용되고 몇개의 이미지가… Continue Reading →

크롬(Chrome)에서 풀페이지 캡처하기!

크롬에서 풀페이지 캡처하기가 어려웠다. (필자가 알기론) 확장프로그램을 설치해서 캡쳐를 하거나 다른 캡처 프로그램을 이용해야했다. 그러나 4월 업데이트 내역을 보니깐 웹 페이지 전체를 캡처가 가능하게 되었다. 풀페이지 스크린샷 이미지 1. 개발자 도구 개발자 도구 단축키는 F12 or Ctrl+Shift+I이다. 이미지 2. 풀페이지… Continue Reading →

Chrome(크롬) 브라우저 테마 추가하기(Deadpool)

크롬 브라우저를 사용하다보면 앱, 테마, 앱, 게임등을 받을 수 있다. 이번에 테마를 변경함으로써 다양한 테마들이 존재하여 공유하고자 이렇게 글을 남긴다. 필자가 적용한 테마는 아래의 Deadpool이다. 필자가 같은 테마를 받으려면 다운받기받기를 누르면 된다. 그러면 크롬의 테마 링크로 이동 될것이다. 이 테마외에… Continue Reading →

웹 사이트에 CSS 속성 사용빈도수 보기

사이트마다 CSS 속성들을 얼마나 사용했는지를 알 수 있는 프로그램이 있다. 크롬에 확장프로그램을 받아서 볼 수 있다. 사용 예 테스트 사이트로 우리나라에서 많이 사용하는 포털중에 하나 네이버를 예를 들겠다. 네이버에서 이 프로그램을 실행했을 경우 나오는 화면이다. css를 불러오는것을 체크를 하고 START… Continue Reading →

크롬(Chrome) 필수 확장프로그램 Pig toolbox 1.0.7.4 다운로드

크롬 확장프로그램중에 꼭 써야하는 필수확장 프로그램이 있다. 그 중에 한가지는 pig toolbox 프로그램이다. 오른쪽 마우스버튼 해제뿐만 아니라 제스처도 사용할 수 있고 캡쳐도 있으며 번역도 가능하다. 그렇지만 확장프로그램에서 검색을 하면 나오질 않는다. 아래 링크를 클릭하게 확장프로그램을 받을 수 있다. https://chrome.google.com/webstore/detail/pig-toolbox-super-gesture/oiplkfaidhjklglajdpfehoagkmlcakh?hl=ko 링크를… Continue Reading →


© 2017 신기한 웹 세상

Up ↑