การเพิ่มกรอบจอโทรศัพท์มือถือบน Google Chrome

[natthanit.r2538]

หากเราต้องการแคปหน้าจอบนเว็บไซต์ให้อยู่ในลักษณะของหน้าจอโทรศํพท์มือถือ
สามารถกด F12 เพื่อเปลี่ยนขนาดจอโน๊ตบุ้คบนเว็บไซต์ให้เป็นขนาดจอบนโทรศัพท์มือถือ
หน้าเว็บไซต์ก็จะปรากฎลักษณะดังรูป

Share Knowledge-2.png (31.8 KiB) Viewed 350 times

1. สามารถเลือกขนาดจอตามรุ่นของโทรศัพท์มือถือได้
2. กดปุ่ม More options หากต้องการเพิ่มกรอบโทรศัพท์มือถือ

Share Knowledge-1.png (51.23 KiB) Viewed 350 times

กดเลือกที่ Show device frame

Share Knowledge-3.png (37.42 KiB) Viewed 350 times

รูปตัวอย่างที่ขึ้นกรอกหน้าจอโทรศัพท์มือถือแล้วค่ะ


หมายเหตุ กรอบหน้าจอโทรศัพท์มือถือสามารถใช้ได้เฉพาะ Iphone ,Ipad ค่ะ