설명을 위해 최선을 다할 것입니다. Chrome 브라우저를 사용하여 iPhone 5를 에뮬레이트하고 다른 웹 사이트를 봅니다. 아래 그림과 같이 아이폰 5 프레임에 해당하는 프레임에서 웹 사이트가 표시Chrome 브라우저 에뮬레이션에서 모바일 웹 사이트의 전체 컨테이너 프레임보기
이 모든 작품은 그러나 나는 스크롤하지 않고 너무 스크롤 내용을보고 싶어요. 즉, 스크롤하지 않고 전체 페이지의 단일 스크린 샷을 만드는 데 관심이 있습니다. 어쨌든 내가 할 수 있니?
이것은 iPhone과 관련이 없지만 Google의 PageSpeed API는 특정 라이브 웹 사이트의 스크린 샷을 "모바일"및 "데스크톱"모드로 볼 수있는 기능을 제공합니다. 특정 장치에 대한 정확한 표시는 아니지만 모바일에서 웹 사이트가 어떻게 형성되는지에 대한 일반적인 느낌을 얻고 여러 웹 사이트를 볼 때 편리합니다.
저는 여기서 일하고있는 뭔가를 위해 이것을 필요로하고 Angular를 사용하여 plunk를 작성했습니다 : http://plnkr.co/edit/c7fAFx?p=preview. 결국 그것은 단지 다음 GET 호출을 만들고 약간 수정 된 결과를 사용하여 이미지를 표시합니다.
https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=<your-website-url>&key=<your-api-key>&screenshot=true&strategy=<mobile OR desktop>
당신은 구글 API 계정을 등록하고 페이지 속도 API에 대한 액세스 권한을 부여해야합니다. 그것이 당신이 무엇인지 알고 있지만 도움이 될 수도 있습니다.
이 질문을 닫는 투표권이 있으십니까? 어디서 게시해야하며 누구에게 물어야합니까? –