ทดสอบเว็บไซต์ Responsive ด้วย Firefox

เว็บไซต์ Responsive คือเว็บไซต์ที่ออกแบบครั้งเดียว แล้วสามารถแสดงผลได้ทั้งบน เดสก์ทอป,แท็บเล็ท และมือถือ ซึ่งได้รับความนิยมอย่างมากในปัจจุบัน บางคนเมื่อออกแบบมาแล้วก็ไม่รู้ว่าจะไปทดสอบการ Responsive ที่ไหน เพราะไม่มีแท็บเล็ต ไม่มีสมาร์ทโฟน แต่ปัญหานี้จะหมดไปเมื่อคุณใช้ Firefox เพราะตั้งแต่เวอร์ชัน 15 เป็นต้นไป จะมีเครื่องมือในการตรวจสอบชื่อว่า  Responsive Design View (มุมมองการออกแบบเชิงตอบสนอง) มาให้ใช้ตั้งแต่ติดตั้งโปรแกรม Firefox ลงเครื่องทันทีเลย

วิธีการเช็คเว็บไซต์ Responsive ด้วย Firefox

  1. เข้าไปยังเว็บไซต์ที่ต้องการทดสอบด้วยเบราเซอร์ Firefox
  2. คลิกปุ่ม Firefox ด้านซ้ายบนของเบราเซอร์
  3. เลือกนักพัฒนาเว็บ -> มุมมองการออกแบบเชิงตอบสนอง
  4. ค่อยๆเลื่อนขยับไปมาหรือยืดหด เพื่อดูว่าเว็บไซต์ที่ต้องการทดสอบเป็นเป็นเว็บไซต์ Responsive ที่ถูกต้องแล้วหรือไม่

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