1. Các sản phẩm
  2.   Hình ảnh
  3.   JavaScript
  4.   Pageres
 
  

Thư viện JavaScript nguồn mở để xử lý hình ảnh

Chụp ảnh màn hình của các trang web ở nhiều độ phân giải khác nhau.

Pageres là gì?

Pageres là một API mã nguồn mở và miễn phí cho phép các nhà phát triển JavaScript chụp ảnh màn hình các trang web theo chương trình. Mục đích của API là đảm bảo rằng trang web của bạn đáp ứng. Nó nhẹ và nhanh chóng và có thể tạo ra 100 ảnh chụp màn hình từ 10 trang web khác nhau chỉ trong hơn một phút. Nó chụp ảnh màn hình ở nhiều độ phân giải khác nhau để đảm bảo rằng trang web có khả năng đáp ứng. Hơn nữa, API cũng có thể được sử dụng để hiển thị hình ảnh SVG.

Để chụp ảnh màn hình của trang web, bạn cần phải chuyển URL của trang web đó. Bạn có thể chỉ định kích thước, chiều rộng, chiều cao, ngày và giờ cho ảnh chụp màn hình đầu ra. Hơn nữa, bạn có thể chỉ định tên tăng dần cho các ảnh chụp màn hình - do đó, khi một tệp tồn tại, nó sẽ thêm một số tăng dần.

Previous Next

Bắt đầu với Trang

Cách được đề xuất để cài đặt Trang thông qua NPM. Vui lòng sử dụng lệnh sau để cài đặt nó.

Cài đặt Trang qua NPM

 npm install pageres

Chụp ảnh màn hình của trang web thông qua API JavaScript miễn phí

Thư viện Pageres mã nguồn mở cho phép các nhà phát triển JavaScript chụp ảnh màn hình của các trang web theo chương trình. Để chụp ảnh màn hình của trang web, API cung cấp phương thức Pageres (). Bạn có thể đặt độ trễ, thời gian chờ, cắt xén, CSS và các tùy chọn khác trong khi chụp ảnh màn hình. Đối với tệp đầu ra, bạn có thể đặt kích thước, chiều rộng, chiều cao, ngày và giờ. Bằng cách sử dụng mã sau, bạn có thể chụp ảnh màn hình trang web của mình.

Chụp ảnh màn hình bằng JavaScript

  1. Nhập thư viện
  2. Chụp ảnh màn hình

Chụp ảnh màn hình của trang web bằng 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!');
})();
});
 Tiếng Việt