Overlay Image Tool
UI 개발 시 디자인 시안을 페이지 위에 겹쳐 놓고 디자인과 일치하는지 비교하고 확인할 수 있는 도구입니다.
사용법 1 : 확장 프로그램을 클릭해서 popup 안의 upload를 사용하거나 미리보기 영역에 붙여넣기를 하고 Generate 버튼을 누르면 됩니다.
사용법 2 : Enable Directly Paste: 이 옵션을 체크하면 클립보드의 이미지를 브라우저에 직접 붙여넣을 수 있습니다. 이 경우에는 이미지의 위치를 방향키 키보드로 이동할 수 있습니다.
이후에 개발자 도구를 통해서 html element의 css를...
Developer Tools