1. Προϊόντα
  2.   Εικόνα
  3.   JavaScript
  4.   Pageres
 
  

Βιβλιοθήκη JavaScript ανοιχτού κώδικα για επεξεργασία εικόνας

Καταγράψτε στιγμιότυπα οθόνης ιστοσελίδων σε διάφορες αναλύσεις.

Τι είναι το Pageres;

Το Pageres είναι ένα δωρεάν και ανοιχτού κώδικα API που επιτρέπει στους προγραμματιστές JavaScript να τραβούν ένα στιγμιότυπο οθόνης ιστότοπων μέσω προγραμματισμού. Ο σκοπός του API είναι να βεβαιωθεί ότι ο ιστότοπός σας αποκρίνεται. Είναι ελαφρύ και γρήγορο και μπορεί να δημιουργήσει 100 στιγμιότυπα οθόνης από 10 διαφορετικούς ιστότοπους σε λίγο περισσότερο από ένα λεπτό. Λαμβάνει στιγμιότυπα οθόνης σε διάφορες αναλύσεις για να βεβαιωθεί ότι ο ιστότοπος ανταποκρίνεται. Επιπλέον, το API μπορεί επίσης να χρησιμοποιηθεί για την απόδοση εικόνων SVG.

Για να τραβήξετε στιγμιότυπα οθόνης του ιστότοπου, πρέπει να περάσετε τη διεύθυνση URL του ιστότοπου. Μπορείτε να καθορίσετε το μέγεθος, το πλάτος, το ύψος, την ημερομηνία και την ώρα για το στιγμιότυπο οθόνης εξόδου. Επιπλέον, μπορείτε να καθορίσετε ένα επαυξητικό όνομα για τα στιγμιότυπα οθόνης - έτσι, όταν υπάρχει ένα αρχείο, προσθέτει έναν αυξητικό αριθμό.

Previous Next

Ξεκινώντας με το Pageres

Ο προτεινόμενος τρόπος εγκατάστασης Pageres μέσω NPM. Χρησιμοποιήστε την παρακάτω εντολή για να το εγκαταστήσετε.

Εγκαταστήστε Pageres μέσω NPM

 npm install pageres

Λήψη στιγμιότυπου του ιστότοπου μέσω δωρεάν JavaScript API

Η βιβλιοθήκη Pageres ανοιχτού κώδικα επιτρέπει στους προγραμματιστές JavaScript να τραβούν στιγμιότυπα οθόνης ιστότοπων μέσω προγραμματισμού. Για να τραβήξετε στιγμιότυπα οθόνης του ιστότοπου, το API παρέχει τη μέθοδο Pageres(). Μπορείτε να ορίσετε καθυστέρηση, χρονικό όριο, περικοπή, CSS και άλλες επιλογές κατά τη λήψη στιγμιότυπων οθόνης. Για το αρχείο εξόδου, μπορείτε να ορίσετε μέγεθος, πλάτος, ύψος, ημερομηνία και ώρα. Χρησιμοποιώντας τον παρακάτω κώδικα, μπορείτε να τραβήξετε στιγμιότυπα οθόνης του ιστότοπού σας.

Λήψη στιγμιότυπων οθόνης σε JavaScript

  1. Εισαγωγή βιβλιοθήκης
  2. Λήψη στιγμιότυπων οθόνης

Λήψη στιγμιότυπων οθόνης ιστότοπου σε 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!');
})();
});
 Ελληνικά