จับภาพหน้าจอการเลื่อนหน้าเว็บขนาดเต็มใน Chrome

สารบัญ:

Anonim

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

แนวทางที่เราจะกล่าวถึงในการจับภาพหน้าจอหน้าเว็บขนาดเต็มด้วย Chrome ต้องใช้ Chrome เวอร์ชันเต็มสำหรับอุปกรณ์ระดับเดสก์ท็อป ซึ่งรวมถึง Mac, Windows, Linux และ Chromebookไม่จำเป็นต้องใช้ปลั๊กอิน เนื่องจากเราจะใช้เครื่องมือสำหรับนักพัฒนาในตัวกับ Chrome

ote เราครอบคลุมเบราว์เซอร์ Chrome สำหรับเดสก์ท็อปที่นี่ คุณยังสามารถถ่ายภาพหน้าจอแบบเต็มหน้าด้วย Firefox, Safari บน Mac และ Safari สำหรับ iPhone และ iPad หากคุณต้องการหรือต้องการ

วิธีจับภาพหน้าจอแบบเลื่อนขนาดเต็มใน Chrome

พร้อมที่จะขัดขวางภาพหน้าจอขนาดเต็มของหน้าเว็บใน Chrome แล้วหรือยัง นี่คือสิ่งที่ต้องทำ:

  1. เปิดเครื่องมือสำหรับนักพัฒนา Chrome (ดูเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ > >)
  2. คลิกปุ่มโหมดการออกแบบที่ตอบสนองในลิ้นชักเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
  3. เลื่อนลงไปทั่วทั้งหน้าเว็บเพื่อให้โหลดรูปภาพทั้งหมด (นี่เป็นสิ่งสำคัญในการจับภาพที่โหลดแบบขี้เกียจ ซึ่งเป็นเทคนิคทั่วไปที่ใช้เพื่อเพิ่มความเร็วของหน้าเว็บ)
  4. คลิกจุดแนวตั้งสามจุดที่มุมขวาบนของเครื่องมือออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ แล้วเลือก “จับภาพหน้าจอขนาดเต็ม”
  5. ภาพหน้าจอขนาดเต็มจะปรากฏในโฟลเดอร์ดาวน์โหลดเริ่มต้นของ Chrome

สำหรับ Mac คุณจะพบภาพหน้าจอขนาดเต็มของหน้าเว็บที่มีอยู่ใน User Downloads เว้นแต่คุณจะทำการเปลี่ยนแปลงด้วยตนเอง

ขนาดของภาพหน้าจอที่ถ่ายจะแตกต่างกันไปขึ้นอยู่กับอุปกรณ์ที่คุณเลือกในโหมดตอบสนอง เช่น หากคุณเลือก iPad Air และถ่ายภาพหน้าจอแบบเลื่อนขนาดเต็มของหน้าแรก osxdaily.com ภาพหน้าจอของคุณอาจเป็นภาพ ประมาณ 2084 × 16439 พิกเซล รูปแบบหน้ายาวขึ้นอย่างเห็นได้ชัด หรือ

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

จับภาพหน้าจอแบบเต็มหน้าใน Chrome ผ่านคอนโซล

อีกวิธีหนึ่งในการจับภาพหน้าจอแบบเต็มหน้าใน Chrome คือการใช้คำสั่ง 'เรียกใช้' คอนโซลนักพัฒนาซอฟต์แวร์ และพิมพ์ "ภาพหน้าจอ" จากนั้นเลือก "จับภาพหน้าจอขนาดเต็ม" จากตัวเลือกที่ปรากฏ อย่าลืมเลื่อนหน้าเว็บทั้งหน้าก่อน เช่นกัน

นี่อาจเป็นตัวเลือกที่ดีกว่าสำหรับผู้ใช้บางคน แต่จะซับซ้อนกว่าเล็กน้อยสำหรับผู้ที่ไม่คุ้นเคยกับบรรทัดคำสั่ง

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

จับภาพหน้าจอการเลื่อนหน้าเว็บขนาดเต็มใน Chrome