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

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

JavaScript API για λήψη στιγμιότυπων οθόνης ιστότοπων

Τι είναι το Capture-Website;

Το Capture-Website είναι μια ελαφριά βιβλιοθήκη επεξεργασίας εικόνας ανοιχτού κώδικα που επιτρέπει στους προγραμματιστές JavaScript να καταγράφουν στιγμιότυπα οθόνης ιστότοπων. Χρησιμοποιώντας το API, μπορείτε να τραβήξετε στιγμιότυπα οθόνης οποιουδήποτε ιστότοπου χρησιμοποιώντας τη διεύθυνση URL του ιστότοπου και τα στιγμιότυπα οθόνης αποθηκεύονται στη διαδρομή του αρχείου εξόδου. Μπορείτε να ορίσετε το πλάτος, το ύψος, τον τύπο και την ποιότητα εικόνας των στιγμιότυπων οθόνης. Επιπλέον, μπορείτε επίσης να τραβήξετε στιγμιότυπα οθόνης με βάση συγκεκριμένα μεγέθη συσκευής.

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

Previous Next

Ξεκινώντας με το Capture-Website

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

Εγκαταστήστε το Capture-Website Thief μέσω NPM

 npm install capture-website

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

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

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

  1. Εισαγάγετε τη βιβλιοθήκη ιστοτόπων καταγραφής
  2. Καταγράψτε στιγμιότυπα οθόνης ενός ιστότοπου χρησιμοποιώντας το captureWebsite.file(input, outputFilePath, επιλογές;). Η μέθοδος καταγράφει ένα στιγμιότυπο οθόνης της δεδομένης εισόδου και το αποθηκεύει στο δεδομένο outputFilePath.
  3. Μπορείτε επίσης να ορίσετε επιλογές όπως ύψος, τύπος πλάτους και πλάτος για το αρχείο εξόδου

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

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png');

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

Η βιβλιοθήκη Capture-Website ανοιχτού κώδικα επιτρέπει στους προγραμματιστές JavaScript να καταγράφουν στιγμιότυπο οθόνης όπως τραβήχτηκε στην καθορισμένη συσκευή. Για τη λήψη στιγμιότυπων οθόνης του ιστότοπου, το API παρέχει την ιδιότητα emulateDevice. Μπορείτε να μιμηθείτε ένα στιγμιότυπο οθόνης μεγέθους iPhone X. Χρησιμοποιώντας τις ακόλουθες δύο γραμμές κώδικα, μπορείτε εύκολα να προσομοιώσετε στιγμιότυπα οθόνης του ιστότοπου.

Εξομοίωση συσκευής για στιγμιότυπα οθόνης

  1. Εισαγάγετε τη βιβλιοθήκη ιστοτόπων καταγραφής
  2. Λήψη στιγμιότυπων οθόνης του ιστότοπου χρησιμοποιώντας το captureWebsite.file(input, outputFilePath, επιλογές;). Η μέθοδος καταγράφει ένα στιγμιότυπο οθόνης της δεδομένης εισόδου και το αποθηκεύει στο δεδομένο outputFilePath.
  3. Εξομοίωση χρησιμοποιώντας την ιδιότητα emulateDevice και ορίστε την τιμή σε 'iPhone X'

Προσομοίωση στιγμιότυπων οθόνης του ιστότοπου σε JavaScript

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
        emulateDevice: 'iPhone X'
    });
 Ελληνικά