スクリーンショット

screenshot=1 を設定すると、完全にレンダリングされたページのbase64エンコードされたJPEGを受け取ります。screenshot_options を使用して、ビューポートの寸法や折り返し以降をキャプチャするかどうかを制御します。

注意

スクリーンショットには render_js=1 が必要です。JavaScriptレンダリングなしでは動作しません。

エンドポイント

GET https://scrape.shifter.io/v1?api_key=YOUR_API_KEY&url=<TARGET_URL>&screenshot=1&render_js=1

パラメータ

パラメータ	型	必須	説明
api_key	string	yes	Web Scraping APIキー
url	string	yes	取得対象のURL
screenshot	integer	yes	スクリーンショットを返すには 1 を設定します。
render_js	integer	yes	1 である必要があります。
screenshot_options	object	no	full_page（boolean）、width（number）、height（number）を含むJSON。

スクリーンショットオプション

フィールド	型	説明
full_page	boolean	ビューポートを超えたページ全体をキャプチャします。
width	number	ビューポートの幅（ピクセル）。
height	number	ビューポートの高さ（ピクセル）。

リクエスト例

curl

curl "https://scrape.shifter.io/v1?api_key=YOUR_API_KEY&url=https%3A%2F%2Fhttpbin.org%2Fget&screenshot=1&render_js=1"

Python

import requests

r = requests.get("https://scrape.shifter.io/v1", params={
    "api_key": "YOUR_API_KEY",
    "url": "https://httpbin.org/get",
    "screenshot": 1,
    "render_js": 1,
})
data = r.json()
print(data["screenshot"][:80])

Node.js

import fetch from 'node-fetch';

const url = 'https://scrape.shifter.io/v1?' + new URLSearchParams({
  api_key: 'YOUR_API_KEY',
  url: 'https://httpbin.org/get',
  screenshot: '1',
  render_js: '1',
});
const res = await fetch(url);
const data = await res.json();
console.log(data.screenshot.slice(0, 80));

レスポンス例

{
  "screenshot": "/9j/4AAQSkZJRgABAQAAAQABAAD/4gIoSUNDX1BST0ZJTEU..."
}

screenshot の値はbase64エンコードされたJPEGです。バイト列にデコードして .jpg として保存すると表示できます。

関連項目

• JavaScriptのレンダリング
• CSSの待機
• バイナリファイル