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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: การเพิ่มกรอบจอโทรศัพท์มือถือบน Google Chrome

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

โดย natthanit.r2538 » 11/07/2020 10:41 am

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

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

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


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

ข้างบน