วิธีถ่ายภาพหน้าเว็บเต็มหน้าจอใน Chrome และ Firefox

Chrome และ Firefox ไม่ได้ยอดนิยมเพราะเร็วเพียงอย่างเดียว แต่ยังเพราะปรับแต่งได้ง่าย ตัวอย่างเช่น คุณสามารถกำหนดค่าเบราว์เซอร์เหล่านี้ให้ถ่ายภาพหรือจับภาพ หน้าเว็บเต็มหน้าจอ ได้ มาดูวิธีจับภาพหน้าเว็บเต็มหน้าจอใน Chrome และ Firefox โดยไม่ใช้ส่วนขยายหรือแอดออน

Chrome และ Firefox ทั้งคู่มีฟีเจอร์ภายใน เครื่องมือสำหรับนักพัฒนา (Developer Tools) ที่ช่วยให้คุณถ่ายภาพหน้าเว็บขนาดเต็มของหน้าเว็บใดๆ ได้ ฟีเจอร์นี้ช่วยให้ผู้ใช้ครอบคลุมหน้าเว็บทั้งหน้า คล้ายกับภาพถ่ายแบบเลื่อน (scrolling screenshot)

1] ถ่ายภาพหน้าเว็บเต็มหน้าจอใน Firefox

เปิดเบราว์เซอร์ Firefox และเปิดหน้าเว็บที่คุณต้องการถ่ายภาพ

เปิด เมนู ที่มองเห็นเป็นสามเส้นแนวตั้งที่มุมขวาบนของเบราว์เซอร์ และเลือกตัวเลือก นักพัฒนาเว็บ (Web Developer)

หลังจากนั้น หาตัวเลือก โหมดการออกแบบที่ตอบสนอง (Responsive Design Mode) และเมื่อเจอ ให้เลือกมัน

หลังจากนั้น คลิกขวาแล้วเลือก ถ่ายภาพ (Take a Screenshot)

ทันที จะมีสองตัวเลือกปรากฏขึ้น:

• บันทึกหน้าเต็ม (Save Full Page)
• บันทึกส่วนที่มองเห็น (Save Visible)

เลือกตัวเลือกที่ต้องการ และคัดลอกหรือดาวน์โหลดภาพถ่ายไปยังตำแหน่งที่ต้องการ

2] จับภาพหน้าเว็บทั้งหน้าใน Chrome

เพื่อเริ่มต้น ให้เปิดเบราว์เซอร์ Chrome และไปที่หน้าเว็บที่คุณต้องการจับภาพ

เมื่ออยู่ที่นี่ ให้เปิด เมนู (มองเห็นเป็นสามจุด) และจากรายการตัวเลือกที่แสดง ให้เลือก เครื่องมือเพิ่มเติม (More Tools) และหลังจากนั้น เครื่องมือสำหรับนักพัฒนา (Developer Tools)

ที่นี่ ให้คลิกไอคอนสามจุดอีกครั้ง แล้วเลือก รันคำสั่ง (Run Command)

ในบรรทัดคำสั่ง ให้ป้อนข้อความ Screenshot แล้วคลิก จับภาพขนาดเต็ม (Capture full-size screenshot) จากรายการคำสั่งที่เห็น

เมื่อมีพร้อมท์ให้บันทึกภาพถ่าย ให้เลือกปลายทางบนคอมพิวเตอร์ของคุณ แล้วคลิก บันทึก (Save)

เสร็จแล้ว!

ด้วยวิธีนี้ คุณสามารถถ่ายภาพหน้าเว็บทั้งหน้าในเบราว์เซอร์ Chrome และ Firefox ได้ โดยไม่ต้องใช้ส่วนขยายหรือแอดออน

ดูโพสต์นี้หากคุณกำลังมองหาส่วนขยายเบราว์เซอร์สำหรับถ่ายภาพใน Chrome และ Firefox