スクリーンショットを生成できる多くのオープンソースプロジェクトがあります。たとえば、PhantomJS、webkit2pngなど
これらのプロジェクトの大きな問題は、古いブラウザテクノロジーに基づいており、多くのサイト、特にwebfonts、flexbox、svg、およびここ数か月/年にわたってHTML5とCSS仕様へのその他のさまざまな追加を使用するサイトのレンダリングに問題があることです。
私はいくつかのサードパーティのサービスを試しましたが、ほとんどはPhantomJSに基づいています。ウェブサイトのスクリーンショットを生成するための最良のサードパーティサービスは、urlbox.ioです。です。これは有料サービスですが、有料プランを確約せずにテストできる無料の7日間トライアルがあります。
ここにドキュメントへのリンクがあります。以下は、PHPでcomposerを使用するための簡単な手順です。
// 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%2Fsite-screen-shot%F2f75screenphp%2 2F43652083％2343652083＆full_page = true
