1. Ürün:% s
  2.   resim
  3.   JavaScript
  4.   Pageres
 
  

Görüntü İşleme için Açık Kaynak JavaScript Kitaplığı

Web sitelerinin ekran görüntülerini çeşitli çözünürlüklerde yakalayın.

Pagere nedir?

Pageres, JavaScript geliştiricilerinin programlı olarak web sitelerinin ekran görüntüsünü almasına olanak tanıyan ücretsiz ve açık kaynaklı bir API'dir. API'nin amacı, web sitenizin duyarlı olduğundan emin olmaktır. Hafif ve hızlıdır ve bir dakikadan biraz fazla bir sürede 10 farklı web sitesinden 100 ekran görüntüsü oluşturabilir. Web sitesinin duyarlı olduğundan emin olmak için çeşitli çözünürlüklerde ekran görüntüleri alır. Ayrıca API, SVG görüntülerini oluşturmak için de kullanılabilir.

Sitenin ekran görüntülerini almak için sitenin URL'sini iletmeniz gerekir. Çıktı ekran görüntüsü için boyut, genişlik, yükseklik, tarih ve saati belirtebilirsiniz. Ayrıca, ekran görüntüleri için artımlı bir ad belirleyebilirsiniz - bu nedenle, bir dosya olduğunda artımlı bir sayı ekler.

Previous Next

Pagere'lara Başlarken

Pagere'ları NPM aracılığıyla kurmanın önerilen yolu. Lütfen yüklemek için aşağıdaki komutu kullanın.

NPM aracılığıyla Sayfaları yükleyin

 npm install pageres

Ücretsiz JavaScript API ile Web Sitesinin Ekran Görüntüsünü Yakalayın

Açık kaynaklı Pageres kitaplığı, JavaScript geliştiricilerinin programlı olarak web sitelerinin ekran görüntülerini almasına olanak tanır. Web sitesinin ekran görüntülerini almak için API, Pageres() yöntemini sağlar. Ekran görüntüsü alırken gecikme, zaman aşımı, kırpma, CSS ve diğer seçenekleri ayarlayabilirsiniz. Çıktı dosyası için boyut, genişlik, yükseklik, tarih ve saati ayarlayabilirsiniz. Aşağıdaki kodu kullanarak web sitenizin ekran görüntüsünü alabilirsiniz.

JavaScript'te Ekran Görüntüleri Yakalama

  1. Kitaplığı İçe Aktar
  2. Ekran Görüntüleri Yakala

JavaScript'te web sitesinin ekran görüntülerini yakalayın

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!');
})();
});
 Türkçe