문서
Chrome 확장 프로그램 설치 가이드
사이트로 돌아오지 않고도 보고 있는 페이지를 추출하세요. 확장 프로그램은 Chrome 툴바에 있고, 여기서 로그인한 계정을 그대로 쓰며, 현재 탭을 홈페이지의 양식과 똑같은 추출로 보내요. 이 가이드는 설치와 제한 사항을 다뤄요. 무엇을 만들어 주는지, 다른 도구와 어떻게 다른지는 Design Extractor Chrome 확장 프로그램 페이지를 참고하세요.
설치
Chrome Web Store에서 추가하기
등록 페이지를 열고 Chrome에 추가를 클릭하세요. 확장 프로그램은 design-extractor.com과 활성 탭에 대한 접근 권한만 요청하고, 그 밖에는 아무것도 요청하지 않아요.
Chrome에 추가고정하기
툴바의 퍼즐 아이콘을 클릭하고 Design Extractor를 고정하면, 어느 페이지에서든 클릭 한 번으로 팝업을 열 수 있어요.
공개 페이지를 열고 추출하기
팝업을 열고 Lite 또는 Pro를 고른 뒤 Extract this page를 클릭하세요. 추출이 진행되는 동안 팝업에 진행 상황이 표시돼요.
한 번만 로그인
확장 프로그램에는 자체 로그인 양식이 없어요. 사이트에서 이미 사용 중인 세션을 쓰기 때문에, 여기서 로그인되어 있으면 확장 프로그램에서도 로그인된 상태예요. 로그인되어 있지 않으면 팝업에 새 탭에서 사이트를 여는 Sign in 버튼이 표시돼요. 로그인한 뒤 돌아와서 팝업을 다시 여세요.
팝업에서 로그아웃하면 사이트에서도 로그아웃돼요. 세션이 두 개가 아니라 하나이기 때문이에요.
크레딧과 티어
팝업 상단에 크레딧 잔액이 표시돼요. 팝업에서 하는 추출의 비용은 사이트와 똑같아요. Lite와 Pro 티어도 같고, 가격도 같고, 결과도 같아요. 잔액이 없으면 팝업에서 알려 주고 요금 페이지로 연결해요.
결과가 표시되는 곳
추출이 끝나면 팝업에 Open result가 표시돼요. DESIGN.md는 사이트의 결과 페이지에서 열리는데, 홈페이지 양식에서 추출했을 때와 같은 페이지예요. 다른 모든 추출과 마찬가지로 내 추출 목록에 나열되며, 거기서 복사, 편집, 다시 추출, 삭제할 수 있어요.
제한 사항
확장 프로그램의 첫 번째 버전이에요. 일부러 기능을 작게 유지했어요.
- 공개 페이지만 가능. 서버가 브라우저가 아닌 URL로 페이지를 캡처하기 때문에, 로그인이 필요한 페이지,
localhost, 사설 네트워크의 페이지는 아직 지원하지 않아요. - Chrome 전용. 확장 프로그램은 Chrome용으로 만들어졌어요. 다른 브라우저는 지원하지 않아요.
- 팝업에서는 편집이나 다운로드 불가. 팝업은 추출을 시작하고 진행 상황을 보여 줘요. DESIGN.md를 읽고, 편집하고, 복사하고, 다운로드하는 작업은 사이트에서 해요.
탭에서 바로 추출해 볼까요?
확장 프로그램을 설치하고 공개 페이지를 열어 보세요.