ข้อควรรู้
- เลือกจุดสามจุด เมนูเพิ่มเติม> เครื่องมือเพิ่มเติม > เครื่องมือสำหรับนักพัฒนา . คลิกไอคอนจุดไข่ปลา> เรียกใช้คำสั่ง> พิมพ์ "ภาพหน้าจอ"
- เลือกประเภท:ภาพหน้าจอพื้นที่ ภาพหน้าจอขนาดเต็ม ภาพหน้าจอของโหนด หรือภาพหน้าจอ
บทความนี้อธิบายวิธีจับภาพหน้าจอใน Microsoft Edge โดยใช้ยูทิลิตี้ที่ซ่อนอยู่ซึ่งซ่อนอยู่ภายในเครื่องมือสำหรับนักพัฒนา
วิธีถ่ายภาพหน้าจอของหน้าเว็บบน Edge
ความสามารถในการถ่ายภาพหน้าจอแบบเต็มหน้าของหน้าเว็บจากเบราว์เซอร์นั้นเป็นสิ่งที่ประเมินค่าไม่ได้ เนื่องจากซอฟต์แวร์จับภาพหน้าจอบางตัวไม่ได้ทำงานอย่างสมบูรณ์ด้วยเนื้อหาที่เลื่อนได้ คุณสามารถใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Edge เพื่อจับภาพหน้าจอแบบเต็มหน้าและภาพหน้าจออื่นๆ อีก 3 ประเภท
เบราว์เซอร์จะบันทึกไฟล์รูปภาพไว้ในโฟลเดอร์ดาวน์โหลดเริ่มต้นในคอมพิวเตอร์ของคุณ หรือจะแจ้งให้คุณระบุตำแหน่งเฉพาะ
-
กดปุ่ม F12 แป้นหรือ Ctrl + Shift + I บนแป้นพิมพ์ของคุณบน Windows เพื่อเปิดเครื่องมือสำหรับนักพัฒนา ในไมโครซอฟต์เอดจ์ ผู้ใช้ macOS ควรใช้ Command + Option + I แป้นพิมพ์ลัด คุณยังสามารถเข้าถึงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ได้จากแถบเครื่องมือ Edge เลือกสามจุด เพิ่มเติม> เครื่องมือเพิ่มเติม > เครื่องมือสำหรับนักพัฒนา .
-
ในแผงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ ให้เลือกไอคอนจุดไข่ปลาสามจุดที่ด้านบนขวาเพื่อเปิดปรับแต่งและควบคุม DevTools .
-
เลือก เรียกใช้คำสั่ง (หรือกด Ctrl + Shift + P ) จากเมนูแนวตั้ง
-
พิมพ์ "ภาพหน้าจอ" ในแผงคำสั่งเรียกใช้เพื่อแสดงคำสั่งที่เป็นไปได้สี่คำสั่ง คำสั่งทั้งสี่นี้ช่วยคุณเลือกส่วนของหน้าเว็บที่คุณต้องการจับภาพ
-
เลือกจับภาพหน้าจอของพื้นที่ จากรายการคำสั่งเพื่อจับภาพหน้าจอของพื้นที่เฉพาะ ใช้เส้นเล็งเพื่อคลิกซ้ายแล้ววาดโครงร่างสำหรับภาพหน้าจอ (เราเน้นส่วนใดส่วนหนึ่งเพื่อแสดงว่าเปลี่ยนเป็นสีเทาเข้ม แต่แน่นอนว่าคุณจะเน้นส่วนที่ต้องการ)
-
เลือก จับภาพหน้าจอขนาดเต็ม จากรายการคำสั่งเพื่อถ่ายภาพหน้าจอขนาดเต็ม ซึ่งจะจับภาพหน้าเว็บทั้งหมด รวมทั้งเนื้อหาที่เลื่อนได้ซึ่งไม่อยู่บนหน้าจอ
-
เลือกจับภาพหน้าจอของโหนด จากรายการคำสั่งเพื่อจับโหนด HTML ที่เลือกในเครื่องมือ Dev จาก องค์ประกอบ แท็บ คุณยังสามารถคลิกขวาที่โหนดที่เลือก และเลือกจับภาพหน้าจอของโหนด ตัวอย่างเช่น เลือก "คลาสส่วนหัว" และจับส่วนหัวของหน้าเว็บ
-
เลือกจับภาพหน้าจอ จากรายการคำสั่งเพื่อจับภาพหน้าจอของมุมมองที่ใช้งานอยู่ นี่คือพื้นที่ที่มองเห็นได้ภายในเบราว์เซอร์และไม่รวมพื้นที่ที่เลื่อนได้แต่มองไม่เห็น
เคล็ดลับ:
เบราว์เซอร์ Chromium เช่น Chrome และ Edge ยังช่วยให้คุณสามารถจำลองอุปกรณ์อื่นๆ และความละเอียดของหน้าจอได้ คุณยังสามารถใช้คุณสมบัตินี้และคำสั่งภาพหน้าจอ และจับภาพว่าหน้าเว็บจะมีลักษณะอย่างไรบนอุปกรณ์เฉพาะ
เลือกสลับการจำลองอุปกรณ์ บนแถบเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ (หรือกด Ctrl + Shift + M )
วิธีถ่ายภาพหน้าจอบนอุปกรณ์ใด ๆ