스크린 샷을 생성 할 수있는 많은 오픈 소스 프로젝트가 있습니다. 예를 들어 PhantomJS, webkit2png 등
이 프로젝트의 큰 문제는 이전 브라우저 기술을 기반으로하며 많은 사이트, 특히 웹 폰트, flexbox, svg 및 지난 몇 달 / 년 동안 HTML5 및 CSS 사양에 다양한 추가 기능을 사용하는 사이트를 렌더링하는 데 문제가 있다는 것입니다.
제 3 자 서비스 중 일부를 시도해 보았으며 대부분 PhantomJS를 기반으로하므로 품질이 좋지 않은 스크린 샷을 생성합니다. 웹 사이트 스크린 샷 생성을위한 최고의 타사 서비스는 urlbox.io 입니다. 유료 서비스이지만 유료 요금제를 사용하지 않고 테스트하는 7 일 무료 평가판이 있습니다.
다음은 문서에 대한 링크 이며, 아래는 composer를 사용하여 PHP에서 작동하도록하는 간단한 단계입니다.
// 1 . Get the urlbox/screenshots composer package (on command line):
composer require urlbox/screenshots
// 2. Set up the composer package with Urlbox API credentials:
$urlbox = UrlboxRenderer::fromCredentials('API_KEY', 'API_SECRET');
// 3. Set your options (all options such as full page/full height screenshots, retina resolution, viewport dimensions, thumbnail width etc can be set here. See the docs for more.)
$options['url'] = 'example.com';
// 4. Generate the Urlbox url
$urlboxUrl = $urlbox->generateUrl($options);
// $urlboxUrl is now 'https://api.urlbox.io/v1/API_KEY/TOKEN/png?url=example.com'
// 5. Now stick it in an img tag, when the image is loaded in browser, the API call to urlbox will be triggered and a nice PNG screenshot will be generated!
<img src="$urlboxUrl" />
예를 들어 다음은이 페이지의 전체 높이 스크린 샷입니다.
https://api.urlbox.io/v1/ca482d7e-9417-4569-90fe-80f7c5e1c781/8f1666d1f4195b1cb84ffa5f992ee18992a2b35e/png?url=http%3A%2F%2Fstackoverflow.com%2Fquestions%2F757675%2F% 2F43652083 % 2343652083 & full_page = true
