1. 製品
  2.   画像
  3.   JavaScript
  4.   Pageres
 
  

画像処理用のオープンソース JavaScript ライブラリ

さまざまな解像度で Web サイトのスクリーンショットをキャプチャします。

パゲールとは？

Pageres は、JavaScript 開発者がプログラムで Web サイトのスクリーンショットを取得できる無料のオープンソース API です。 API の目的は、Web サイトの応答性を確保することです。軽量で高速で、わずか 1 分強で 10 の異なる Web サイトから 100 のスクリーンショットを生成できます。 Web サイトの応答性を確認するために、さまざまな解像度でスクリーンショットを撮ります。さらに、API を使用して SVG 画像をレンダリングすることもできます。

サイトのスクリーンショットを撮るには、サイトの URL を渡す必要があります。出力スクリーンショットのサイズ、幅、高さ、日付、および時刻を指定できます。さらに、スクリーンショットの増分名を指定できます。そのため、ファイルが存在する場合、増分番号が追加されます。

Previous Next

Pageres の使用を開始する

NPM 経由で Pageres をインストールするための推奨される方法。以下のコマンドでインストールしてください。

NPM 経由で Pageres をインストールする

 npm install pageres

無料の JavaScript API を使用して Web サイトのスクリーンショットをキャプチャする

オープン ソースの Pageres ライブラリを使用すると、JavaScript 開発者はプログラムで Web サイトのスクリーンショットを撮ることができます。ウェブサイトのスクリーンショットを撮るために、API は Pageres() メソッドを提供します。スクリーンショットの撮影中に、遅延、タイムアウト、クロップ、CSS、およびその他のオプションを設定できます。出力ファイルには、サイズ、幅、高さ、日付、および時刻を設定できます。次のコードを使用すると、Web サイトのスクリーンショットを取得できます。

JavaScript でスクリーンショットをキャプチャする

  1. ライブラリのインポート
  2. スクリーンショットをキャプチャ

JavaScript で Web サイトのスクリーンショットをキャプチャする

const Pageres = require('pageres');
(async () => {
    await new Pageres({delay: 2})
        .src('https://products.fileformat.com', ['480x320', '1024x768', 'iphone 5s'], {crop: true})
        .dest(__dirname)
        .run();
    console.log('Finished generating screenshots!');
})();
});
 日本