ต้องรู้
- บนพีซี: กด Ctrl + Shift + I จากนั้น Ctrl + Shift P
- Mac: กด Command + Option + I จากนั้น Command + Shift P
- จากนั้นพิมพ์ "ภาพหน้าจอ" เพื่อดูตัวเลือกภาพหน้าจอทั้งสี่แบบ
บทความนี้อธิบายวิธีจับภาพหน้าจอใน Chrome โดยใช้เครื่องมือสำหรับนักพัฒนา
วิธีใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome เพื่อจับภาพหน้าจอ
ความแตกต่างระหว่างการใช้ปุ่ม Print Screen และเครื่องมือ Chrome คือเครื่องมือสกรีนช็อตของ Chrome ไม่ได้รวมเส้นขอบของหน้าต่างเบราว์เซอร์ Chrome ไว้เฉพาะเนื้อหาของหน้าเว็บเท่านั้นหากคุณต้องการจับภาพเฉพาะเนื้อหาของหน้าโดยไม่ต้องแก้ไขภาพหน้าจอ เครื่องมือสำหรับนักพัฒนาสามารถช่วยคุณประหยัดเวลาได้
คุณสามารถใช้เมนูหรือแป้นพิมพ์ลัดเพื่อเข้าถึงเครื่องมือสำหรับนักพัฒนา
-
กด Ctrl + Shift + I บนพีซี หรือ Command + Option + I บน Mac หรือคลิกไอคอนเมนูสามจุดแล้วเลือก เครื่องมือเพิ่มเติม > เครื่องมือสำหรับนักพัฒนา การทำเช่นนี้จะเปิดเมนูนักพัฒนา Element Inspector ซึ่งจะแสดงหน้าเว็บของ การเข้ารหัส HTML
Image -
จากนั้น กด Ctrl + Shift P (PC) หรือ Command + Shift P (Mac) หรือคลิกเมนูสามจุด สำหรับ ปรับแต่งและควบคุม DevTools แล้วเลือก เรียกใช้คำสั่ง.
Image สำหรับภาพหน้าจอขนาดปกติหรือขนาดเต็มเท่านั้น ให้คลิกไอคอนเมนูสามจุดที่ด้านบนของหน้าที่คุณต้องการจับภาพ แล้วเลือก จับภาพหน้าจอ หรือ จับภาพหน้าจอขนาดเต็ม.
-
พิมพ์ "ภาพหน้าจอ" เพื่อดูตัวเลือกภาพหน้าจอ ซึ่งได้แก่:
- จับภาพหน้าจอของพื้นที่
- จับภาพหน้าจอขนาดเต็ม
- จับภาพหน้าจอโหนด
- จับภาพหน้าจอ
Image - เลื่อนลงเพื่อเลือกประเภทภาพหน้าจอที่คุณต้องการจับภาพโดยใช้เมาส์หรือปุ่มลูกศรบนแป้นพิมพ์
ตัวเลือกภาพหน้าจอสำหรับนักพัฒนา Chrome
เลือก จับภาพหน้าจอของพื้นที่ เพื่อดึงส่วนหนึ่งของหน้าจอ ใช้เมาส์ลากกล่องไปรอบๆ พื้นที่ที่คุณต้องการจับภาพหน้าจอ
หากต้องการจับภาพหน้าจอของทั้งหน้าเว็บ ให้เลือก จับภาพหน้าจอขนาดเต็ม ตัวเลือกนี้ช่วยให้คุณได้รูปภาพของหน้าเว็บที่ไม่พอดีกับหน้าจอเดียว
ตัวเลือกนี้ให้ผลลัพธ์ที่หลากหลายในการทดสอบของเรา ขึ้นอยู่กับเว็บไซต์
ถ้าคุณต้องการภาพหน้าจอมาตรฐาน เลือก จับภาพหน้าจอ ซึ่งจะดึงสิ่งที่มองเห็นบนหน้าจอของคุณ
สุดท้าย คุณสามารถจับภาพหน้าจอขององค์ประกอบ HTML ได้โดยเลือก จับภาพหน้าจอโหนดของโหนด.
หลังจากที่คุณจับภาพหน้าจอ คุณจะได้รับกล่องโต้ตอบบันทึก เลือกโฟลเดอร์และตั้งชื่อไฟล์ให้กับภาพหน้าจอของคุณ ภาพหน้าจอทั้งหมดที่ถ่ายโดยใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ยังมีอยู่ในตัวจัดการการดาวน์โหลดของ Chrome
