1. Produk
  2.   Gambar
  3.   JavaScript
  4.   Pageres
 
  

Pustaka JavaScript Sumber Terbuka untuk Pemrosesan Gambar

Tangkap tangkapan layar situs web dalam berbagai resolusi.

Apa itu Pageres?

Pageres adalah API sumber terbuka dan gratis yang memungkinkan pengembang JavaScript mengambil tangkapan layar situs web secara terprogram. Tujuan API adalah untuk memastikan bahwa situs web Anda responsif. Ini ringan dan cepat dan dapat menghasilkan 100 tangkapan layar dari 10 situs web berbeda hanya dalam satu menit. Dibutuhkan tangkapan layar dalam berbagai resolusi untuk memastikan bahwa situs web responsif. Selanjutnya, API juga dapat digunakan untuk merender gambar SVG.

Untuk mengambil tangkapan layar situs, Anda harus memasukkan URL situs. Anda dapat menentukan ukuran, lebar, tinggi, tanggal, dan waktu untuk tangkapan layar keluaran. Selanjutnya, Anda dapat menentukan nama tambahan untuk tangkapan layar - jadi, ketika ada file, itu menambahkan nomor tambahan.

Previous Next

Memulai dengan Pageres

Cara yang disarankan untuk menginstal Pageres melalui NPM. Silakan gunakan perintah berikut untuk menginstalnya.

Install Pageres via NPM

Instal Pageres melalui NPM

 npm install pageres

Tangkap Tangkapan Layar Situs Web melalui API JavaScript Gratis

Pustaka Pageres sumber terbuka memungkinkan pengembang JavaScript mengambil tangkapan layar situs web secara terprogram. Untuk mengambil tangkapan layar situs web, API menyediakan metode Pageres(). Anda dapat mengatur penundaan, batas waktu, memotong, CSS, dan opsi lain saat mengambil tangkapan layar. Untuk file output, Anda dapat mengatur ukuran, lebar, tinggi, tanggal, dan waktu. Dengan menggunakan kode berikut, Anda dapat mengambil tangkapan layar situs web Anda.

Tangkap Tangkapan Layar dalam JavaScript

  1. Impor Perpustakaan
  2. Tangkap Tangkapan Layar

Tangkap Tangkapan Layar situs web dalam JavaScript

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!');
})();
});
 Indonesia