ใครที่ทำเว็บที่รองรับ Responsive อยู่คงจะเคยหาเครื่องมือต่างๆมาลองทดสอบเว็บตัวเอง

แต่วันนี้ผมมีวิธีทดสอบง่ายๆ รวดเร็วไม่ต้องใช้เครื่องมือใดๆ แต่อาจจะไม่ละเอียดลึกพอ แต่ก็ดูได้พอทน เอ๊ะยังไง งงๆ

ง่ายๆ เลยแค่กดปุ่ม ย่อ ขนาดบราวเซอร์แล้วก็ลากขนาดบราวเซอร์ดู แค่นี้ก็จะเห็นผลได้ระดับนึงแล้วครับ ใครที่รู้แล้วก็ผ่านไปได้เลยครับ มาบอกไว้เผื่อคนไหนยังไม่รู้ครับ

ยกตัวอย่างเว็บตัวเองเลยละกัน











จะเห็นได้ว่าจะตอบสนอง responsive ดี จะไม่มี scrollbar ด้านล่างครับ

หวังว่าคงมีประโยชน์บ้างไม่มากก็น้อยครับ

สิ้นค่าน่าสนใจครับ เดี่ยวเข้าไปดู

ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ

ปกติผมก็ใช้เหมือนท่านครับ ตอนนี้ก็ยังใช้อยู่ครับ แต่ผมจะลองตัวนี้อีกตัวครับ http://responsivetest.net/#u=http://www.ipostproperty.com/shop

อ้างถึงจาก: adidog ใน 18 กรกฎาคม 2014, 16:12:57
ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ

ได้มาอีกอย่าง ขอบคุณมากครับ เพิ่งรู้ว่ามีนะครับเนี้ย 

ต้องลอง

ขอบคุณครับ 

เช็คแล้ว โอเคเลยครับ 

ผมก็ใช้วิธี้ครับ แต่จะลองกะทุกๆ browser และก็เอามาลองบนทั้ง Smart phone / tablet เพื่อความแน่ใจครับ 

อ้างถึงจาก: adidog ใน 18 กรกฎาคม 2014, 16:12:57
ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ

โอ้ ความรู้ใหม่   

ส่วนตัวใช้เหมือนเจ้าของกระทู้ครับ 

สุดยอด เพิ่งรู้เหมือนกันครับ 

อ้างถึงจาก: zero1150kfc ใน 18 กรกฎาคม 2014, 16:58:04

อ้างถึงจาก: adidog ใน 18 กรกฎาคม 2014, 16:12:57
ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ

โอ้ ความรู้ใหม่   

ส่วนตัวใช้เหมือนเจ้าของกระทู้ครับ 

โอ้วความรู้ใหม่ ขอบคุณครับ 

ขออนุญาตเจ้าของกระทู้นะครับ
ส่วนตัวใช้ Google Chrome กด F12 เลือกแท๊บ Emulation เมนูด้านซ้ายเลือก Device แล้วเลือกอุปกรณ์ที่ต้องการ กดปุ่ม Emulate หากต้องการยกเลิกกด Reset ครับ

อ้างถึงจาก: max30012540 ใน 18 กรกฎาคม 2014, 18:54:52
ขออนุญาตเจ้าของกระทู้นะครับ
ส่วนตัวใช้ Google Chrome กด F12 เลือกแท๊บ Emulation เมนูด้านซ้ายเลือก Device แล้วเลือกอุปกรณ์ที่ต้องการ กดปุ่ม Emulate หากต้องการยกเลิกกด Reset ครับ

วิธีนี้แสดงผลไม่ถูกต้องครับ แค่ได้สัดส่วนหน้าจอเฉยๆ  แต่ไม่แสดงผล Responsive ที่แท้จริง

ผมใช้โครมแล้ว กดปุ่ม CTRL ค้างไว้แล้วเลื่อน Scroll ไปที่ขนาด 300% (สำหรับไอโฟน5)

ถึงจะแสดงผลได้ถูกต้องครับ

อ้างถึงจาก: toekingsize ใน 18 กรกฎาคม 2014, 19:06:51

อ้างถึงจาก: max30012540 ใน 18 กรกฎาคม 2014, 18:54:52
ขออนุญาตเจ้าของกระทู้นะครับ
ส่วนตัวใช้ Google Chrome กด F12 เลือกแท๊บ Emulation เมนูด้านซ้ายเลือก Device แล้วเลือกอุปกรณ์ที่ต้องการ กดปุ่ม Emulate หากต้องการยกเลิกกด Reset ครับ

วิธีนี้แสดงผลไม่ถูกต้องครับ แค่ได้สัดส่วนหน้าจอเฉยๆ  แต่ไม่แสดงผล Responsive ที่แท้จริง

ผมใช้โครมแล้ว กดปุ่ม CTRL ค้างไว้แล้วเลื่อน Scroll ไปที่ขนาด 300% (สำหรับไอโฟน5)

ถึงจะแสดงผลได้ถูกต้องครับ

วิธีไหนก็ได้สัดส่วนไม่เท่าของจริงอยู่แล้วครับ เพราะความละเอียดจอที่ตั้งกับสัดส่วนจอจริงไม่เท่ากันครับ แล้วการประมวลผลของ CPU ไปจนถึง webkit ที่ Google กับ Apple นำไปใช้ก็แตกต่างกัน ดังนั้นทุกวิธีดูภาพรวมเฉยๆครับ

อ้างถึงจาก: adidog ใน 18 กรกฎาคม 2014, 16:12:57
ผมใช้ firefox กด ctrl+shift+m เทสได้ทันทีครับ

ความรู้ใหม่ขอบคุณครับ

ผมล่อจากเว็บบริการอย่างเดียวเลย

http://mobiletest.me/

ใช้อะไรทดสอบ ก็ไม่เหมือนใช้สมาร์ทโฟนของเราดูเอง

โอ้ววว พึ่งรู้เหมือนกันแฮะ ขอบคุณครับ 

ของ firefox มีที่ล้ำกว่านี้อีกครับ

กดปุ่ม ctrl + shift + M

มันจะเข้าตัวปรับขนาดหน้าต่างได้เลย