ได้งานเขียนเว๊บบนมือถือมาอันนึง มีโจทย์ว่า ต้องทำงานบนมือถือได้ทุกเครื่อง… อื่ม มิงแอ๊ปมาก (abstract) ผมก็เลยบอกไปว่า ขอแค่ iOS, Android ละก็ BlackBerry เท่านั้น แต่ปัญหาที่ตามมาอีกก็คือ ขนาดหน้าจอมันไม่เท่ากันแถมเวลาเอียงหน้าจอก็เปลี่ยน พอตั้งเหมือนเดิมก็เปลี่ยนอีก ทำเอามึนกันไปใหญ่เลย
แต่วิธีแก้ปัญหา เราก็ทำกันง่ายๆ เลย คือใส่
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;”/>
เข้าไปตรง head ซะ แค่นี้ก็ใช้งานได้แล้ว คริกๆ ทดลองกับ iphone 3G, ipod 4, samsung cooper, lg optimus black และ bb 9700 แสดงผลออกมาเต็มจอ แล้วหมุนไปหมุนมาได้อย่างสนุกสนาน โดยที่ไม่เพียนเท่าไหร่
ส่วนถ้าอยากรู้ว่าคนเข้ามาเขาใช้อะไรก็ตรวจจาก HTTP_USER_AGENT ได้เลยใช้คำสั่ง ereg เทียบเอาก็ได้
- iPhone ทุกตัว = iPhone
- iPod = iPod หรือจะใช้ iPhone ก็ได้เหมือนกัน
- Android = Android (ตามด้วย version)
- BlackBerry = BlackBerry (ตามด้วยรุ่น)
ส่วนบน Nokia พอดีไม่มีเครื่อง ถ้าหากท่านใดมีเครื่องรบกวนส่วน user-agent มาให้ดูด้วยก็ได้ครับ