Responsively App ตรวจสอบการแสดงผลเว็บในหลายหน้าจอ

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

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

Responsively App

โปรแกรม Responsively App เป็นเครื่องมือ/เบราว์เซอร์ที่สามารถกำหนดชนิด-ขนาดหน้าจอ เพื่อทดสอบการแสดงผลเว็บ

จุดเด่นของ Responsively App คือเป็นโครงการโอเพ่นซอร์ซ รองรับทั้ง 3 ระบบปฏิบัติการหลัก Windows, Mac และ Linux

คุณสมบัติของ Responsively App

  • แสดงผลพร้อมกันทุกหน้าจอ ทั้งการเลื่อนหน้าจอ และการคลิก
  • ปรับแต่งหน้าตาการแสดงผล เช่น เรียงแบบแนวนอนทั้งหมด หรือ แสดงแต่ละอุปกรณ์
  • ตรวจสอบคุณบัติ (Inspect) ได้สะดวก
  • สามารถเพิ่ม-ลด จำนวนอุปกรณ์ที่ใช้ทดสอบ ด้วยการเพิ่ม Device Profiles
  • ความสะดวกในการจับภาพหน้าจอ
  • รองรับ Hot-Reloading
  • มีส่วนเสริมในเบราว์เซอร์หลัก Firefox, Chrome, Microsoft Edge ในการส่ง link URL ของเว็บไซต์เข้ามาทดสอบใน Responsively App โดยตรง

สามารถดาวน์โหลด Responsively App ได้จากเพจโครงการใน Github - https://github.com/responsively-org/responsively-app หรือเว็บไซต์ - https://responsively.app/

Did you like it?

No votes have been submitted yet.

ความคิดเห็น