ไลบรารี JavaScript โอเพ่นซอร์สสำหรับการประมวลผลภาพ
JavaScript API สำหรับการจับภาพหน้าจอของเว็บไซต์
Capture-Website คืออะไร?
Capture-Website เป็นไลบรารีประมวลผลภาพที่มีน้ำหนักเบาแบบโอเพนซอร์สที่ช่วยให้นักพัฒนา JavaScript สามารถจับภาพหน้าจอของเว็บไซต์ได้ เมื่อใช้ API คุณสามารถจับภาพหน้าจอของเว็บไซต์ใดก็ได้โดยใช้ URL ของไซต์ และภาพหน้าจอจะถูกบันทึกไว้ในเส้นทางของไฟล์ที่ส่งออก คุณสามารถกำหนดความกว้าง ความสูง ประเภท และคุณภาพของภาพหน้าจอได้ นอกจากนี้ คุณยังสามารถถ่ายภาพหน้าจอตามขนาดอุปกรณ์เฉพาะได้อีกด้วย
เมื่อใช้ API คุณไม่เพียงแต่จับภาพหน้าจอของส่วนที่มองเห็นได้เท่านั้น แต่ยังรวมถึงไซต์ที่สมบูรณ์รวมถึงหน้าที่เลื่อนดูได้ทั้งหมดด้วย โดยค่าเริ่มต้น API จะใช้พื้นหลังสีขาวสำหรับภาพหน้าจอ หากคุณลบพื้นหลังออก API จะจับภาพหน้าจอด้วยความโปร่งใส
เริ่มต้นใช้งาน Capture-Website
วิธีที่แนะนำในการติดตั้ง Capture-Website ผ่าน NPM โปรดใช้คำสั่งต่อไปนี้เพื่อติดตั้ง
ติดตั้ง Capture-Website Thief ผ่าน NPM
npm install capture-website จับภาพหน้าจอของเว็บไซต์ผ่าน JavaScript API ฟรี
ไลบรารี Capture-Website แบบโอเพ่นซอร์สช่วยให้นักพัฒนา JavaScript สามารถจับภาพหน้าจอของเว็บไซต์โดยทางโปรแกรม ในการจับภาพหน้าจอของไซต์ API จะจัดเตรียมวิธี captureWebsite.file() เมธอดนี้ใช้ชื่อไฟล์อินพุต พาธไฟล์เอาต์พุต และตัวเลือกสำหรับภาพหน้าจอ โดยใช้รหัสสองบรรทัดต่อไปนี้ คุณสามารถจับภาพหน้าจอของเว็บไซต์ได้อย่างง่ายดาย
จับภาพหน้าจอเว็บไซต์
- นำเข้าไลบรารีเว็บไซต์การจับภาพ
- จับภาพหน้าจอของไซต์โดยใช้ captureWebsite.file (อินพุต, outputFilePath, ตัวเลือก?) วิธีการจับภาพหน้าจอของอินพุตที่กำหนดและบันทึกลงใน outputFilePath ที่กำหนด
- คุณยังสามารถตั้งค่าตัวเลือกต่างๆ เช่น ความสูง ประเภทความกว้าง และความกว้างสำหรับไฟล์เอาต์พุต
จับภาพหน้าจอของเว็บไซต์ใน JavaScript
import captureWebsite from 'capture-website';
await captureWebsite.file('https://fileformat.com', 'screenshot.png');
จับภาพหน้าจอสำหรับขนาดอุปกรณ์เฉพาะใน JavaScript
ไลบรารี Capture-Website แบบโอเพนซอร์สช่วยให้นักพัฒนา JavaScript สามารถจับภาพหน้าจอเมื่อถ่ายบนอุปกรณ์ที่ระบุ เพื่อจับภาพหน้าจอของไซต์ API ให้คุณสมบัติ emulateDevice คุณสามารถจำลองภาพหน้าจอขนาด iPhone X ด้วยการใช้โค้ดสองบรรทัดต่อไปนี้ คุณสามารถเลียนแบบภาพหน้าจอของเว็บไซต์ได้อย่างง่ายดาย
จำลองอุปกรณ์สำหรับภาพหน้าจอ
- นำเข้าไลบรารีเว็บไซต์การจับภาพ
- จับภาพหน้าจอของไซต์โดยใช้ captureWebsite.file (อินพุต, outputFilePath, ตัวเลือก?) วิธีการจับภาพหน้าจอของอินพุตที่กำหนดและบันทึกลงใน outputFilePath ที่กำหนด
- จำลองโดยใช้คุณสมบัติ emulateDevice และตั้งค่าเป็น 'iPhone X'
จำลองภาพหน้าจอของเว็บไซต์ใน JavaScript
import captureWebsite from 'capture-website';
await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
emulateDevice: 'iPhone X'
});
