모바일 사이트의 전체 스쿠쇼를 찍고 싶다!

업무를 하는 중에 사이트 전체의 스쿠쇼를 갖고 싶다는 기회가 가끔 있습니다만 있습니다.
단지 전체적으로 세로로 긴 사이트의 경우 끊어져 버려, 전체의 스쿠쇼를 잡을 수 없고, 몇번이나 캡쳐해 연결한다고 하는 야한 작업이 발생하고 있었습니다.


(↑일부밖에 취할 수 없다)

구세주는 Firefox Developer Edition

그런 나의 앞에 고작으로 나타난 것은 도라에몽과 비슷한 색의 Firefox Developer Edition입니다!



1. 설치하고 시작해 봅시다.



2. 개발 도구 보기를 클릭하고 개발 도구를 클릭합니다.



3. 적절한 사이트를 엽니다.



4. 반응형 모드로 전환합니다.



5. 목록 편집을 클릭합니다.



6. 세로를 9000이라고 하는 큰 값으로 한 사이즈로 해, UA를 모바일용의 것으로 해 둡니다.



예를 들어 iPhone의 UA라면 ↓입니다.

Mozilla/5.0 (iPhone; CPU iPhone OS 9_0 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13A344 Safari/601.1

7. 맞춤 터미널을 선택합니다.



8. 카메라 아이콘을 클릭하고 스쿠쇼를 가져옵니다.



9. 이런 느낌으로 찍을 수 있습니다.

아래쪽은 여백이 생겨 버립니다만, 이제 거기는 잘라낼 수밖에 없을까라고 생각합니다.