ไลบรารี JavaScript โอเพ่นซอร์สสำหรับการประมวลผลภาพ
จับภาพหน้าจอของเว็บไซต์ในความละเอียดต่างๆ
Pageres คืออะไร?
Pageres เป็น API แบบโอเพ่นซอร์สฟรีที่ช่วยให้นักพัฒนา JavaScript จับภาพหน้าจอของเว็บไซต์โดยทางโปรแกรม จุดประสงค์ของ API คือเพื่อให้แน่ใจว่าเว็บไซต์ของคุณตอบสนอง มีน้ำหนักเบาและรวดเร็วและสามารถสร้างภาพหน้าจอได้ 100 ภาพจากเว็บไซต์ต่างๆ 10 แห่งในเวลาเพียงไม่กี่นาที ใช้ภาพหน้าจอในความละเอียดต่างๆ เพื่อให้แน่ใจว่าเว็บไซต์ตอบสนองได้ นอกจากนี้ยังสามารถใช้ API เพื่อแสดงภาพ SVG ได้อีกด้วย
ในการจับภาพหน้าจอของไซต์ คุณต้องส่ง URL ของไซต์ คุณสามารถระบุขนาด ความกว้าง ความสูง วันที่ และเวลาสำหรับภาพหน้าจอของผลลัพธ์ นอกจากนี้ คุณยังสามารถระบุชื่อส่วนเพิ่มสำหรับภาพหน้าจอได้ ดังนั้นเมื่อมีไฟล์อยู่ ไฟล์นั้นจะเพิ่มตัวเลขส่วนเพิ่มต่อท้าย
เริ่มต้นใช้งาน Pageres
วิธีที่แนะนำในการติดตั้ง Pageres ผ่าน NPM โปรดใช้คำสั่งต่อไปนี้เพื่อติดตั้ง
ติดตั้ง Pageres ผ่าน NPM
npm install pageres จับภาพหน้าจอของเว็บไซต์ผ่าน JavaScript API ฟรี
ไลบรารี Pageres โอเพ่นซอร์สช่วยให้นักพัฒนา JavaScript จับภาพหน้าจอของเว็บไซต์โดยทางโปรแกรม ในการจับภาพหน้าจอของเว็บไซต์ API จะจัดเตรียมเมธอด Pageres() คุณสามารถตั้งค่าการหน่วงเวลา หมดเวลา ครอบตัด CSS และตัวเลือกอื่นๆ ขณะถ่ายภาพหน้าจอได้ สำหรับไฟล์เอาต์พุต คุณสามารถกำหนดขนาด ความกว้าง ความสูง วันที่ และเวลา โดยใช้รหัสต่อไปนี้ คุณสามารถจับภาพหน้าจอของเว็บไซต์ของคุณ
จับภาพหน้าจอใน JavaScript
- นำเข้าห้องสมุด
- จับภาพหน้าจอ
จับภาพหน้าจอของเว็บไซต์ใน 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!');
})();
});
