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

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

Moderators: mindphp, ผู้ดูแลกระดาน

natthanit.r2538
PHP VIP Members
PHP VIP Members
Posts: 1875
Joined: 01/06/2020 10:34 am

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

Post by natthanit.r2538 »

หากเราต้องการแคปหน้าจอบนเว็บไซต์ให้อยู่ในลักษณะของหน้าจอโทรศํพท์มือถือ
สามารถกด F12 เพื่อเปลี่ยนขนาดจอโน๊ตบุ้คบนเว็บไซต์ให้เป็นขนาดจอบนโทรศัพท์มือถือ
หน้าเว็บไซต์ก็จะปรากฎลักษณะดังรูป
Share Knowledge-2.png
Share Knowledge-2.png (31.8 KiB) Viewed 294 times
1. สามารถเลือกขนาดจอตามรุ่นของโทรศัพท์มือถือได้
2. กดปุ่ม More options หากต้องการเพิ่มกรอบโทรศัพท์มือถือ

Share Knowledge-1.png
Share Knowledge-1.png (51.23 KiB) Viewed 294 times
กดเลือกที่ Show device frame

Share Knowledge-3.png
Share Knowledge-3.png (37.42 KiB) Viewed 294 times
รูปตัวอย่างที่ขึ้นกรอกหน้าจอโทรศัพท์มือถือแล้วค่ะ


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

Return to “Share Knowledge”

Who is online

Users browsing this forum: No registered users and 14 guests