ไลบรารี 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!');
})();
});
 ไทย