Mobile

ลำโพงของ Lumia 530 ไม่ดังหลังจากทำหล่น

ผมมีมือถือ Lumia 530 อยู่เครื่องหนึ่ง (ได้จากกิจกรรมของเว็บ Blognone) แต่ผมไม่ค่อยทะนุถนอมมันสักเท่าไหร่ (ปกติแล้ว ผมไม่ค่อยจะทะนุถนอมมือถือหรอกนะ เลยไม่ค่อยชอบมือถือเบาบาง...) ผมทำมันหล่นไปหลายครั้ง เปียกน้ำอีกสองสามครั้ง แต่มันก็ยังอยู่ดีมีสุขอยู่ จนกระทั่ง วันหลายก่อน ผมปัดมันตกจากโต๊ะ ชิ้นส่วนกระจาย...

Check Mobile Orientation by JavaScript

มือถือใหม่ ๆ สามารถที่จะหันหน้าจอให้เป็น แนวตั้ง และแนวนอนได้ ส่วนการเข้าเว็บนั้นก็ไม่มีปัญหาอะไร แต่บางครั้งขนาดที่เปลี่ยนแปลงอยู่ตลอด ทำให้การจัดวางรูปภาพ หรือวิดีโอมีปัญหา คือไม่พอดีจนต้องสกลอร์ซ้าย-ขวาบ้าง ทางแก้ปัญหานี้ทำได้โดยการใช้ JavaScript ตรวจสอบขนาดหน้าจอ แล้วก็ย่อ/ขยายรูปภาพให้เหมาะสมกับขนาดที่เปลี่ยนแปลงไป (DEMO)

หมายเหตุ:

  • ผมใช้ jQuery ในการตรวจสอบ และกำหนดค่า เพราะทำง่ายดี ถ้าอยากจะใช้ JavaScript เดิม ๆ ก็ทำได้ไม่ยาก
  • ผมไม่มีมือถือสมัยใหม่ไว้ให้ทดลอง มีแต่ IE บน Windows Phone Emulator ซึ่ง IE มันใช้ onResize() ไม่ได้
  • iPhone มี event ตอนเปลี่ยนหน้าจอให้โดยเฉพาะ ลองหาดูเองนะ