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

Perpustakaan JavaScript Sumber Terbuka untuk Pemprosesan Imej

Tangkap tangkapan skrin tapak web dalam pelbagai resolusi.

Apakah Pageres?

Pageres ialah API percuma dan sumber terbuka yang membolehkan pembangun JavaScript mengambil tangkapan skrin tapak web secara pengaturcaraan. Tujuan API adalah untuk memastikan tapak web anda responsif. Ia ringan dan pantas serta boleh menjana 100 tangkapan skrin daripada 10 tapak web berbeza dalam masa lebih seminit. Ia mengambil tangkapan skrin dalam pelbagai resolusi untuk memastikan tapak web responsif. Tambahan pula, API juga boleh digunakan untuk memaparkan imej SVG.

Untuk mengambil tangkapan skrin tapak, anda perlu lulus URL tapak tersebut. Anda boleh menentukan saiz, lebar, tinggi, tarikh dan masa untuk tangkapan skrin output. Tambahan pula, anda boleh menentukan nama tambahan untuk tangkapan skrin - jadi, apabila fail wujud, ia menambahkan nombor tambahan.

Previous Next

Bermula dengan Pageres

Cara yang disyorkan untuk memasang Pageres melalui NPM. Sila gunakan arahan berikut untuk memasangnya.

Pasang Pageres melalui NPM

 npm install pageres

Tangkap Tangkapan Skrin Tapak Web melalui API JavaScript Percuma

Pustaka Pageres sumber terbuka membenarkan pembangun JavaScript mengambil tangkapan skrin tapak web secara pengaturcaraan. Untuk mengambil tangkapan skrin tapak web, API menyediakan kaedah Pageres(). Anda boleh menetapkan kelewatan, tamat masa, pangkas, CSS dan pilihan lain semasa mengambil tangkapan skrin. Untuk fail output, anda boleh menetapkan saiz, lebar, tinggi, tarikh dan masa. Dengan menggunakan kod berikut, anda boleh mengambil tangkapan skrin tapak web anda.

Tangkap Tangkapan Skrin dalam JavaScript

  1. Import Perpustakaan
  2. Tangkap Tangkapan Skrin

Tangkap Tangkapan Skrin tapak 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!');
})();
});
 Melayu