วิธีถ่ายภาพหน้าจอแบบเลื่อนใน Chrome และ Firefox - TechCult
เบ็ดเตล็ด / / November 26, 2023
ภาพหน้าจอช่วยให้ผู้ใช้หยุดและจัดเฟรมสิ่งที่อยู่บนหน้าจอ ไม่ว่าจะเป็นรูปภาพ ไฟล์ หรือรูปแบบอื่นใด ของข้อมูล ซึ่งทำให้สะดวกสำหรับการแบ่งปันข้อมูล การแสดงภาพอ้างอิง และการจัดทำเอกสาร เนื้อหา. มีหลายครั้งที่เราจำเป็นต้องจับภาพหน้าเว็บทั้งหมดหรือมากกว่าสิ่งที่มองเห็นได้ในช็อตเดียว อย่างไรก็ตาม ไม่ใช่ว่าเนื้อหาทั้งหมดจะพอดีกับขนาดหน้าจอเสมอไปใช่ไหม ความต้องการนี้นำไปสู่การแนะนำภาพหน้าจอแบบเลื่อนที่ช่วยให้คุณสามารถจับภาพหน้าเว็บหรือเอกสารทั้งหมดไว้ในภาพเดียว ดังนั้นคุณจะจับภาพหน้าจอแบบเลื่อนบน Chrome หรือ Firefox ได้อย่างไร และมีทางลัดสำหรับมันหรือไม่? มาหาคำตอบกันดีกว่า
![วิธีถ่ายภาพหน้าจอแบบเลื่อนใน Chrome และ Firefox](/f/7b55e387f84c7b7978ac25d1672e2a53.png)
วิธีถ่ายภาพหน้าจอแบบเลื่อนบน Google Chrome และ Mozilla Firefox
คุณอาจเคยได้ยินเรื่องการเลื่อนภาพหน้าจอมาก่อนหน้านี้และอาจถ่ายภาพแบบเดียวกันบนสมาร์ทโฟนของคุณแล้ว ใช้เพื่อจับภาพเนื้อหาที่ขยายเกินกว่ามุมมองหน้าจอเริ่มต้นโดยเฉพาะ แม้ว่าจะต้องให้ผู้ใช้เลื่อนเพื่อดูก็ตาม แตกต่างจากแบบเดิมตรงที่ช่วยบันทึกเนื้อหาที่ปรากฏในหลายส่วนของหน้าจอ ตอนนี้ถึงแม้จะทำได้ง่ายก็ตาม จับภาพหน้าจอแบบเลื่อนยาวบนอุปกรณ์ Android หรือ iPhone เช่นเดียวกันก็เป็นเรื่องยุ่งยากเมื่อพูดถึงพีซี
วิธีถ่ายภาพหน้าจอแบบเลื่อนใน Google Chrome
มีหลายวิธีในการจับภาพหน้าจอของหน้าเว็บทั้งหมดบน Google Chrome เราจะอธิบายแต่ละข้อและคุณสามารถเลือกวิธีใดก็ได้ตามความต้องการของคุณ
วิธีที่ 1: ใช้โหมดนักพัฒนาซอฟต์แวร์
Google Chrome ไม่มีปุ่มลัดโดยตรงหรือตัวเลือกในการจับภาพหน้าจอแบบเต็มหน้า อย่างไรก็ตาม คุณยังคงสามารถจับภาพหน้าจอแบบเลื่อนได้โดยใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ เป็นวิธีที่ยอดเยี่ยม ต่อไปนี้เป็นวิธีดำเนินการ:
1. ไปที่หน้าเว็บที่คุณต้องการจับภาพหน้าจอและคลิกที่ สามจุด ไอคอนที่ด้านขวาสุดของแถบที่อยู่
2. เลื่อนเคอร์เซอร์ไปที่ เครื่องมือเพิ่มเติม และเลือก เครื่องมือสำหรับนักพัฒนา จากเมนูบริบท
คุณยังสามารถเข้าถึงตัวเลือกนี้ได้โดยเพียงแค่กด F12 หรือ Ctrl + Shift + I.
![คลิกที่ไอคอนจุดสามจุดที่ด้านขวาสุดของแถบที่อยู่ เลื่อนเคอร์เซอร์ไปที่เครื่องมือเพิ่มเติม และเลือกเครื่องมือสำหรับนักพัฒนา](/f/671f3a947cfad37c6314db4fb3b32a3b.png)
3. ภายในหน้าต่างเครื่องมือสำหรับนักพัฒนา ให้คลิกที่ สามจุด ที่มุมขวาบนแล้วเลือก เรียกใช้คำสั่ง.
![ภายในหน้าต่างเครื่องมือสำหรับนักพัฒนา ให้คลิกที่จุดสามจุดที่มุมขวาบนแล้วเลือกคำสั่ง Run | การเลื่อนภาพหน้าจอ Chrome](/f/5d586e2bcfe500bbd1c989a59223b481.png)
4. พิมพ์ ภาพหน้าจอ ในช่องป้อนข้อความแล้วเลือก จับภาพหน้าจอขนาดเต็ม จากรายการตัวเลือก
![พิมพ์ภาพหน้าจอในช่องป้อนข้อความ และเลือกจับภาพหน้าจอขนาดเต็มจากรายการตัวเลือก](/f/65f5fcf9d416f3f1b76652d3adea9df1.png)
5. รอให้กระบวนการเสร็จสิ้น ภาพหน้าจอของคุณจะถูกบันทึกในรูปแบบ PNG ภายในโฟลเดอร์ดาวน์โหลดเริ่มต้นของคุณ
วิธีที่ 2: ใช้ส่วนขยาย
ส่วนขยายมอบฟังก์ชันเพิ่มเติมให้กับเบราว์เซอร์ของคุณ มีส่วนขยาย Chrome หลายตัวเช่น จับภาพหน้าจอ และ GoFullPage – การจับภาพหน้าจอแบบเต็มหน้า ที่สามารถช่วยคุณจับภาพหน้าจอแบบเต็มหน้าได้ในคลิกเดียว ต่อไปนี้คือวิธีการดาวน์โหลดและใช้งาน:
1. เยี่ยมชมอย่างเป็นทางการ โครมเว็บสโตร์ เว็บไซต์ และในแถบค้นหา ให้พิมพ์ GoFullPage.
2. เลือก GoFullPage – การจับภาพหน้าจอแบบเต็มหน้า จากผลการค้นหาแล้วคลิก เพิ่มลงใน Chrome.
![คลิกที่เพิ่มลงใน Chrome | การเลื่อนภาพหน้าจอ Chrome](/f/6bffb9f0d6f9ed87a8d0efea6a379ea7.png)
3. เมื่อดาวน์โหลดและติดตั้งส่วนขยายบนเบราว์เซอร์แล้ว ให้คลิกที่ ไอคอนส่วนขยาย ถัดจากแถบที่อยู่
4. ค้นหา GoFullPage – การจับภาพหน้าจอแบบเต็มหน้า และคลิกที่ ไอคอนพิน ถัดจากมัน.
![ค้นหา GoFullPage - การจับภาพหน้าจอแบบเต็มหน้า และคลิกที่ไอคอนหมุดถัดจากนั้น](/f/b1ca35132e0ab0324e60c3e28e9a291b.png)
ตอนนี้ส่วนขยายนี้จะแสดงถัดจากไอคอนส่วนขยาย
5. ไปที่หน้าเว็บที่คุณต้องการจับภาพหน้าจอ คลิก ไอคอน GoFullPageและรอให้กระบวนการเสร็จสิ้น
ภาพหน้าจอของคุณจะถูกบันทึกลงในไดรฟ์ที่เกี่ยวข้อง
อ่านเพิ่มเติม: คุณแอบจับภาพหน้าจอ Snapchats อย่างไร
วิธีที่ 3: ใช้เครื่องมือของบุคคลที่สาม
คุณยังสามารถติดตั้งเครื่องมือของบุคคลที่สามเพื่อจับภาพหน้าจอแบบเลื่อนบน Google Chrome ยิ่งไปกว่านั้น ไม่ใช่แค่บนเบราว์เซอร์เท่านั้น แต่เครื่องมือเหล่านี้ยังช่วยให้คุณจับภาพหน้าจอได้ทุกที่บนพีซี เช่น เอกสารขนาดยาวหรือชุดข้อความแชท เป็นต้น
1. เยี่ยมชม เว็บไซต์ PicPick อย่างเป็นทางการ และคลิกที่ ดาวน์โหลด.
![เยี่ยมชมเว็บไซต์อย่างเป็นทางการของ PicPick และคลิกที่ดาวน์โหลด | การเลื่อนภาพหน้าจอ Chrome](/f/770ef3a22f460222e48e902120375ce6.png)
2. เมื่อดาวน์โหลดแล้ว ให้ติดตั้งซอฟต์แวร์บนพีซี
3. ไปที่หน้าเว็บที่คุณต้องการจับภาพหน้าจอแบบเต็มและกดบนแป้นพิมพ์ Ctrl + Alt + Prtsc ด้วยกัน.
4. ตอนนี้อยู่ที่ แถบเครื่องมือ PicPick, คลิกที่ จับภาพหน้าต่างเลื่อน ไอคอน.
![ในแถบเครื่องมือ PicPick คลิกที่ไอคอน Capture Scrolling Window](/f/0a03f0f46225aed9a0ca03541e3a7a52.png)
5. ตอนนี้คลิกที่มุมของหน้าเว็บแล้วลากเคอร์เซอร์ไปที่มุมตรงข้าม เมื่อคุณปล่อยเมาส์ เพจจะเริ่มเลื่อนโดยอัตโนมัติ
6. รอจนกระทั่งจับภาพหน้าจอทั้งหมด หากเปิดขึ้นโดยอัตโนมัติบนซอฟต์แวร์ PicPick คุณสามารถแก้ไขและบันทึกได้จากที่นั่น
วิธีที่ 4: บันทึกเว็บเพจในรูปแบบ PDF
คุณยังสามารถบันทึกหน้าเว็บในรูปแบบ PDF ได้ ในกรณีที่คุณต้องการบันทึกแบบเต็มและไม่ใช่ในรูปแบบ JPG, PNG หรือรูปแบบรูปภาพอื่น ๆ ทำตามขั้นตอน:
1. เยี่ยมชมหน้าเว็บที่ต้องการ คลิกที่ ไอคอนสามจุด ที่มุมขวาบน และเลือก พิมพ์ จากเมนูบริบท คุณยังสามารถกด Ctrl + P.
![ไปที่หน้าเว็บที่ต้องการ คลิกไอคอนสามจุดที่มุมขวาบน และเลือกพิมพ์จากเมนูบริบท | การเลื่อนภาพหน้าจอ Chrome](/f/cc843652644cf8dd0cb9c6352189c1d9.png)
2. ขยายเมนูแบบเลื่อนลงปลายทางแล้วเลือก บันทึกเป็น PDF. คลิกที่ บันทึก ที่มุมขวาล่าง
![ขยายเมนูแบบเลื่อนลงปลายทางแล้วเลือกบันทึกเป็น PDF คลิกบันทึกที่มุมขวาล่าง](/f/de422971c1ba6c42296841c560fde985.png)
3. เลือกตำแหน่งที่จะบันทึกไฟล์ PDF
อ่านเพิ่มเติม: 29 ส่วนขยาย Chrome ที่ดีที่สุดเพื่อประสิทธิภาพการทำงาน
วิธีถ่ายภาพหน้าจอแบบเลื่อนใน Firefox
มาดูกระบวนการจับภาพหน้าเว็บทั้งหมดในรูปแบบภาพหน้าจอบนเบราว์เซอร์ Firefox กัน
วิธีที่ 1: การใช้คุณลักษณะในตัวของ Firefox
แม้ว่า Google Chrome จะไม่มีฟีเจอร์โดยตรงในการจับภาพหน้าจอ แต่ Firefox ก็มี ซึ่งทำให้ผู้ใช้ง่ายขึ้น ทำตามขั้นตอน:
1. เยี่ยมชมเว็บไซต์ที่คุณต้องการจับภาพหน้าจอ
2. คลิกขวาบนพื้นที่ว่างบนหน้าเว็บแล้วเลือก ถ่ายภาพหน้าจอ. คุณยังสามารถเข้าถึงคุณสมบัตินี้ได้โดยเพียงแค่กด Ctrl + Shift + S.
![คลิกขวาที่พื้นที่ว่างของหน้าเว็บไซต์แล้วเลือกถ่ายภาพหน้าจอ คุณยังสามารถเข้าถึงคุณสมบัตินี้ได้เพียงกด Ctrl + Shift + S | การเลื่อนภาพหน้าจอ Chrome](/f/a419b3833342dda56fb054784ad82e99.png)
3. เลือก บันทึกเต็มหน้า ที่มุมขวาบน
![เลือกบันทึกแบบเต็มหน้าที่มุมขวาบน](/f/467a06bbf00e81ba83b13bc1185c117c.jpg)
4. คลิก ดาวน์โหลด ที่มุมขวาบนและภาพหน้าจอแบบเต็มหน้าจะถูกบันทึกลงในโฟลเดอร์เริ่มต้นของคุณ
วิธีที่ 2: ใช้ตัวเลือกสำหรับนักพัฒนา
คุณสามารถเลือกใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เพื่อจับภาพหน้าจอบน Firefox ได้อีกครั้ง ต่อไปนี้เป็นวิธีดำเนินการ:
1. ไปที่หน้าเว็บที่คุณต้องการจับภาพหน้าจอ
2. กด F12 บนแป้นพิมพ์เพื่อเปิด เครื่องมือสำหรับนักพัฒนาเว็บ แล้วกด F1 เพื่อเปิด การตั้งค่า.
3. เลื่อนลงและทำเครื่องหมายถูก ถ่ายภาพหน้าจอของทั้งหน้า ภายใต้ ปุ่มกล่องเครื่องมือที่มีอยู่.
![เลื่อนลงและทำเครื่องหมายถูก จับภาพหน้าจอของทั้งหน้า ภายใต้ปุ่มกล่องเครื่องมือที่มีอยู่ | การเลื่อนภาพหน้าจอ Chrome](/f/fe3880b7aadc5e4cf49f01279181b63e.png)
4. ภายในหน้าต่าง Web Developer Tools ให้คลิกที่ ไอคอนกล้อง ที่มุมขวาบนเพื่อจับภาพหน้าจอแบบเต็มหน้า มันจะถูกบันทึกไว้ในโฟลเดอร์ดาวน์โหลดเริ่มต้น
![ภายในหน้าต่างเครื่องมือสำหรับนักพัฒนาเว็บ คุณจะเห็นไอคอนกล้องที่มุมขวาบน คลิกที่ภาพเพื่อจับภาพหน้าจอแบบเต็มหน้า ภาพหน้าจอนี้จะถูกบันทึกไว้ในโฟลเดอร์ดาวน์โหลดเริ่มต้นของคุณ](/f/3c7ffdc5893bab3f6c8656f7a21bdaea.png)
บันทึก: คุณไม่จำเป็นต้องตรวจสอบ ถ่ายภาพหน้าจอของทั้งหน้า อีกครั้งเพื่อจับภาพหน้าจอแบบเต็มหน้าของหน้าเว็บอื่นๆ เพียงแค่กด F12, แล้ว F1และคลิก ไอคอนกล้อง. แค่นั้นแหละ.
คุณยังสามารถจับภาพหน้าจอมือถือได้โดยคลิกที่ ไอคอนมือถือ ถัดจากไอคอนกล้อง
อ่านเพิ่มเติม: วิธีใช้โหมดผู้อ่านใน Chrome
วิธีที่ 3: ใช้ส่วนขยาย
แม้ว่า Firefox จะนำเสนอฟีเจอร์ที่ยอดเยี่ยมสำหรับการจับภาพหน้าจอแบบเต็มหน้าหรือแบบเลื่อน หากคุณต้องการมากกว่านี้ ความสามารถในการปรับแต่งได้ เช่น การแก้ไขภาพหลังจากถ่ายภาพหน้าจอทันที คุณอาจต้องใช้ส่วนขยายเช่น Awesome ภาพหน้าจอ ทำตามขั้นตอน:
1. เยี่ยมชม โปรแกรมเสริมเบราว์เซอร์ Firefox เว็บไซต์และค้นหา ภาพหน้าจอและเครื่องบันทึกหน้าจอที่ยอดเยี่ยม ส่วนขยาย.
2. คลิกที่ เพิ่มลงในไฟร์ฟอกซ์.
![คลิกที่เพิ่มลงใน Firefox | การเลื่อนภาพหน้าจอ Chrome](/f/60ad635dfa359cb1ba7614752b23424c.png)
3. เมื่อเพิ่มแล้ว ให้ทำตามคำแนะนำบนหน้าจอเพื่อลงชื่อเข้าใช้ภาพหน้าจอที่ยอดเยี่ยม
4. คลิกที่ ไอคอนส่วนขยาย (ไอคอนปริศนา) ที่มุมขวาบน
5. คลิกที่ ไอคอนการตั้งค่า ถัดจากส่วนขยายภาพหน้าจอเจ๋งๆ แล้วเลือก ปักหมุดไปที่แถบเครื่องมือ จากเมนูบริบท
![คลิกที่ไอคอนส่วนขยาย (ภาพไอคอนปริศนา) ที่มุมขวาบน ถัดจากไอคอนโปรไฟล์ของคุณ จากนั้น คลิกที่ไอคอนการตั้งค่า ถัดจากส่วนขยายภาพหน้าจอสุดเจ๋ง และคลิกที่ปักหมุดที่แถบเครื่องมือ การดำเนินการนี้จะปักหมุดภาพหน้าจอเจ๋งๆ ไว้ข้างไอคอนโปรไฟล์ของคุณ](/f/91bec0d06b04e5e85ed246d9c13702a4.png)
6. ไปที่หน้าเว็บที่คุณต้องการจับภาพหน้าจอ คลิก ไอคอนภาพหน้าจอที่ยอดเยี่ยมและเลือก จับภาพทั้งหน้า.
หรือคุณสามารถกด Ctrl + Alt + E.
![คลิกไอคอนภาพหน้าจอที่ยอดเยี่ยม และเลือกจับภาพทั้งหน้า หรือคุณสามารถกด Ctrl + Alt + E ได้เช่นกัน | การเลื่อนภาพหน้าจอ Chrome](/f/8e5e37995ddb3157d09d16c361daf3c2.png)
7. รอให้กระบวนการเสร็จสิ้น เมื่อเสร็จแล้ว คุณสามารถแก้ไขภาพหน้าจอได้ตามต้องการหรือบันทึกลงในโฟลเดอร์ดาวน์โหลดโดยตรง
นั่นแหละ! เราหวังว่าคำแนะนำของเราจะช่วยให้คุณจับภาพได้ ภาพหน้าจอเลื่อนบน Chrome และ Firefox. หากคุณมีคำถามหรือข้อเสนอแนะอื่น ๆ โปรดแบ่งปันในส่วนความเห็น คอยติดตาม TechCult เพื่อรับคำแนะนำและเคล็ดลับเพิ่มเติม
Henry เป็นนักเขียนด้านเทคโนโลยีที่มีประสบการณ์และมีความหลงใหลในการทำให้หัวข้อเกี่ยวกับเทคโนโลยีที่ซับซ้อนเข้าถึงได้สำหรับผู้อ่านทุกวัน ด้วยประสบการณ์กว่าทศวรรษในอุตสาหกรรมเทคโนโลยี Henry ได้กลายเป็นแหล่งข้อมูลที่เชื่อถือได้สำหรับผู้อ่านของเขา