เช็ค Responsive เว็บตัวเองง่ายๆ ไม่ต้องใช้เครื่องมือ

[doctorcar]

เยี่ยมไปเลยทั้งจกขกทและคนตอบ

[saratlim]

ขอบคุณครับ

[toekingsize]

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

โค้ด เลือก ขยาย

http://mobiletest.me/

อันนี้แนะนำเลยครับ เข้าไปลองมาแล้ว แสดงผลถูกต้องเป๊ะเหมือนใช้โทรศัพท์จริง

ผมลองเข้าเว้บผมดูแระ แสดงผลสวยงามครับ  http://sisaket-news.com/

ขอบคุณท่านนี้มากๆที่ชี้ทางสว่าง

[akkradet]

ผมใช้ตัวนี้ครับ ดูได้เกือบครบเลย

โค้ด เลือก ขยาย

http://www.responsinator.com/

[goodwide]

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

[max30012540]

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

โค้ด เลือก ขยาย

http://mobiletest.me/

อันนี้แนะนำเลยครับ เข้าไปลองมาแล้ว แสดงผลถูกต้องเป๊ะเหมือนใช้โทรศัพท์จริง

ผมลองเข้าเว้บผมดูแระ แสดงผลสวยงามครับ  http://sisaket-news.com/

ขอบคุณท่านนี้มากๆที่ชี้ทางสว่าง

เว็บนี้แค่ใช้ไอเฟรม . . . 

บางเว็บใช้วิธีตรวจจับ User agent เพื่อแสดงส่วนประกอบออกมา แชทด้านล่าง(ในหน้าเว็บผมที่ทดสอบ)หากมีการเปลี่ยน User agent ให้เป็นของ Device จริงๆ รูปแบบจะเปลี่ยนไป (จะแสดงผลเหมือนใน Google Chrome ที่เลือกให้เปลี่ยน User agent ด้วย)

[Twenty-One]

ผมใช้ตัวนี้ครับ ดูได้เกือบครบเลย

โค้ด เลือก ขยาย

http://www.responsinator.com/

ผมก็ใช้ตัวนี้อยู่ครับ แจ่มมากๆ

[kanin03]

ผมใช้ตัวนี้ครับ ดูได้เกือบครบเลย

โค้ด เลือก ขยาย

http://www.responsinator.com/

ผมก็ใช้ตัวนี้อยู่ครับ แจ่มมากๆ

อันนี้ก็ดีครับ

ตามหลักแล้วก็ใช้เพิ่อดูคร่าวๆ น่ะครับถ้าเราเขียน css ดักตรงตามขนาดหน้าจอมันก็ไม่มีทางเพื้ยนไปกว่าหลอกครับ ไม่งั้นเค้าไม่ทำเว็บพวกนี้หรือทูลสำเร็จรูปหรือย่อขยายหน้าจอได้

ที่มันแสดงผลผิดคือ บางที browser บางตัวมันไม่รองรับ technology บางอย่าง ดูได้ว่า browser ตัวไหนรองรับอะไรบ้าง

โค้ด เลือก ขยาย

http://css3test.com/
ซึ่งถ้าเราบังเอิญไปใช้ ขอสมมุตินะครับ Grid Layout แล้วรันบน Firefox ปรับขนาดอย่างดีลองย่อลองเทสตามเว็บตามทูลแสดงผลตรงหมด
แต่มาเปิดกับโทรศัพท์จริง ซึ่งใช้ Chrome ซึ่งไม่รองรับ Grid Layout ก็ทำให้เพี้ยนนั่นเอง 

[Jir4yu]

สำหรับผมไม่ได้ใช้ plugin หรือ extension เสริมเลยครับ เพราะเป็น feature ใหม่ที่อยู่ใน Chromium
กดเรียก developer tools ขึ้นมาเหมือน Chrome แต่มีปุ่ม responsive devices ให้เลือก จำลองได้ว่าใช้กับอุปกรณ์อะไร เช่น iphone4, 5, ipad 2-3-4 หรือ android ตัวอิ่นๆ
อีกทั้งยังปรับจำลองความเร็วในการโหลดหน้าเว็บได้ด้วยว่าจะเป็น edge 3g หรือ wifi ความเร็วสูง



ผมว่าจริงๆ แล้ว chromium เป็น browser ที่เจ๋ง แล้วก็อัพเดทบ่อยดีด้วยนะครับ นักพัฒนาคนไหนสนใจก็ลองโหลดมาใช้ดูได้ครับ