บอกฉันเกี่ยวกับเครื่องมือนี้ ดูไซต์ของคุณปรากฏบนอุปกรณ์ชั้นนำได้ทันที

เครื่องมือตรวจสอบการที่ตอบสนอง

ดูหน้าเว็บที่ตอบสนองของคุณได้ทันทีและดูว่ามีลักษณะอย่างไรบนอุปกรณ์ยอดนิยม (โทรศัพท์ มือถือ แท็บเล็ตและเดสก์ท็อป) หรือความละเอียดที่กำหนดเอง

ตรวจสอบให้แน่ใจว่าไซต์ของคุณดูสมบูรณ์แบบไม่ว่าบนอุปกรณ์ใดที่ผู้เข้าชมใช้เพื่อดูไซต์ของคุณ!

ต้องระบุข้อมูลในฟิลด์นี้ URL ไม่ถูกต้อง. โปรดตรวจสอบให้แน่ใจว่า URL นั้นถูกต้อง!
อุปกรณ์ยอดเยี่ยม ทุกอุปกรณ์ ความละเอียดที่กำหนดเอง
มือถือ
iPhone X (375x812)
iPhone 8 (375x812)
iPhone 6s (750x1334)
iPhone 12 (390x844)
Samsung Galaxy S7 (360x640)
Samsung Galaxy J7 (360x640)
Samsung Galaxy S9 (360x740)
Samsung Galaxy Fold (folded) (280x653)
Samsung Galaxy Fold (unfolded) (768x1076)
Samsung Galaxy Note 20 (412x883)
แทปเล็ต
Asus Nexus 7 (600x960)
iPad (768x1024)
iPadPro (1024x1336)
Kindle Fire, Samsung Galaxy Tab 7” (600x1024)
เดสก์ทอป
13”สมุดบันทึก (1280x800)
15”สมุดบันทึก (1366x768)
19”สมุดบันทึก (1440x900)
21”สมุดบันทึก (1920x1080)
iPhone X 375x812
iPhone X 812x375
iPhone 8 375x812
iPhone 8 812x375
iPhone 6s 750x1334
iPhone 6s 1334x750
iPhone 12 390x844
iPhone 12 844x390
Samsung Galaxy S7 360x640
Samsung Galaxy S7 640x360
Samsung Galaxy J7 360x640
Samsung Galaxy J7 640x360
Samsung Galaxy S9 360x740
Samsung Galaxy S9 740x360
Samsung Galaxy Fold (folded) 280x653
Samsung Galaxy Fold (folded) 653x280
Samsung Galaxy Fold (unfolded) 768x1076
Samsung Galaxy Fold (unfolded) 1076x768
Samsung Galaxy Note 20 412x883
Samsung Galaxy Note 20 883x412
Asus Nexus 7 600x960
Asus Nexus 7 960x600
iPad 768x1024
iPad 1024x768
iPadPro 1024x1336
iPadPro 1336x1024
Kindle Fire, Samsung Galaxy Tab 7” 600x1024
Kindle Fire, Samsung Galaxy Tab 7” 1024x600
13”สมุดบันทึก 1280x800
15”สมุดบันทึก 1366x768
19”สมุดบันทึก 1440x900
21”สมุดบันทึก 1920x1080
X
ความละเอียดที่กำหนดเอง 1920x1080

คำถามที่พบบ่อย

การตอบสนองบนมือถือคืออะไร
คำว่าการตอบสนองบนมือถือนั้นใช้เพื่ออธิบายถึงวิธีที่เว็บไซต์ถูกออกแบบมาเพื่อให้ปรับขนาดโดยอัตโนมัติให้เหมาะกับหน้าจอของอุปกรณ์มือถือ แท็บเล็ตและเดกส์ทอป แม้ว่าหน้าจอจะมีขนาดเดียวกันแต่ก็สามารถมีความละเอียดที่แตกต่างกันออกไป และความละเอียดหน้าจอคือสิ่งที่เนื้อหาเหล่านั้นตอบสนอง (มากกว่าขนาดของหน้าจอ) ตัวอย่างเช่น iPad อาจจะมีขนาดหน้าจอที่เท่ากัน แต่อาจมีความละเอียดหน้าจอที่ต่างกันตามรุ่นของ iPad หรือหน้าจอนั้นมีความละเอียดหน้าจอแบบ ‘retina’
เครื่องมือตรวจสอบการตอบสนองคืออะไร
เครื่องมือตรวจสอบการตอบสนองให้คุณใส่ URL ของคุณเพื่อตรวจสอบว่าเว็บไซต์ของคุณมีหน้าตาเป็นอย่างไรบนอุปกรณ์อื่น ๆ รวมถึงอุปกรณ์ มือถือและแท็บเล็ตที่เป็นที่นิยมและแม้แต่อุปกรณ์ที่ถูกปรับความละเอียด
เครื่องมือตรวจสอบการตอบสนองทำงานอย่างไร
แค่กรอก URL ของเว็บไซต์ของคุณและคลิก ‘ทดสอบเว็บไซต์ของฉัน’ และเครื่องมือตรวจสอบการตอบสนองจะทำการทดสอบ คุณสามารถเลือกประเภทอุปกรณ์ที่คุณต้องการตรวจสอบได้จากรายการอุปกรณ์ยอดนิยม – รวมถึง iPhone X, iPhone 8, iPad, Samsung Galaxy S7, Kindle Fire และโน๊ตบุ๊คขนาด 14” – หรือเลือกแท็บ ‘อุปกรณ์ทั้งหมด’ เพื่อดูการตอบสนองบนมือถือ แท็บเล็ตและอุปกรณ์เดกส์ทอปต่าง ๆ
ทำไมการตรวจสอบการตอบสนองของดีไซน์ถึงเป็นสิ่งสำคัญ
ส่วนใหญ่แล้วคุณจะสร้างเว็บไซต์ (หรือให้ใครก็ตามสร้างเว็บไซต์ให้กับคุณ) บนอุปกรณ์เดสก์ทอปแต่มากกว่า 50% ของการเข้าชมนั้นทำโดยการใช้อุปกรณ์มือถือหรือแท็บเล็ต ในเมื่ออุปกรณ์มือถือและแท็บเล็ตนั้นมีค่าความละเอียดหน้าจอที่น้อยกว่า คุณจะต้องตรวจสอบให้แน่ใจว่าผู้เข้าชมสามารถใช้งานเว็บไซต์ของคุณบนมือถือและแท็บเล็ตได้อย่างง่ายดาย

ปัญหาอย่างเช่น ตัวหนังสือขนาดเล็ก กรอบข้อความที่แสดงเพียงแค่ส่วนเดียวหรือหน้าเพจที่ทำให้ผู้เข้าชมนั่งขยายหรือลดขนาดนั้นจะทำให้ผู้เข้าชมเบื่อหน่ายได้อย่างรวดเร็ว แม้ว่าเครื่องมือสร้างเว็บไซต์หรือธีมของ WordPress ที่คุณใช้จะบอกว่า “ปรับแต่งมาให้เหมาะสำหรับมือถือแล้ว” หรือตอบสนองต่ออุปกรณ์มือถือ คุณก็ควรตรวจสอบด้วยตัวเองอีกครั้งเพื่อให้แน่ใจว่ามันทำอย่างนั้นได้จริง ๆ