วันนี้จะมาแนะนำการทดสอบ mobile web กัน ขอพูดย้อนหลังไปนิดนึง ถ้าเป็นเมื่อสมัยก่อนตอนผมเริ่มทำเว็บใหม่ๆ ตอนนั้น mobile ก็ยังไม่บูมขนาดนี้หรอกนะ (แถวๆที่ผมอยู่นะ อยุ่ต่างจังหวัด แล้วก็ไม่ค่อยสนใจโลกภายนอกด้วย จริงๆมันก็ไม่ได้นานมากขนาดนั้นหรอกนะ ประมาณแค่ 3-4 ปีแต่พูดซะเหมือนแก่เลย) แต่ทุกวันนี้มันไม่ใช่ การเติบโตของอุปกรณ์พกพา และความถี่ในการใช้งานเว็บผ่านอุปกรณ์พกพามากกว่าบน pc, notebook ไปแล้ว เพราะงั้นเราทำเว็บเราจึงต้องออกแบบเว็บไซต์ของเราสำหรับอุปกรณ์พวกนี้ด้วย ทีนี้เราจะออกแบบยังไงดีล่ะ ถ้าแนะนำง่ายๆเลย คือใช้พวก library หรือ framework ที่มีอยู่แล้ว ที่ผมใช้ก็ bootstrap คู่กับ jQuery ถ้ายังไม่เคยก็ลองใช้ดูแล้วจะพบว่ามันช่วยได้มากเลยทีเดียว ทีนี้มาเข้าเรื่องกันดีกว่า พอเราเขียนขึ้นมาแล้วจะทดสอบยังไงดี?
อุปกรณ์มีตั้งเยอะแยะหลายรุ่น หลายขนาดจะให้ไปซื้อมาทดสอบทั้งหมดก็คงจะจนกันพอดี แต่ chrome ช่วยได้ โดย chrome จะมีความสามารถจำลองในเว็บในอุปกรณ์ต่างๆได้ แถมเลือก browser ได้ จำลองพวกเซ็นเซอร์บางอย่างได้ด้วย โดย feature นี้จะมีใน chrome canary (ในวันทีผมเขียนบทความนี้นะ) chrome stable ยังไม่มี อัพเดท หลังจากปล่อยบทความออกไปกินข้าว chrome มันอัพเดท version stable 33.0.1750.117 m ก็มีแล้วนะครับ
 |
| Chrome stable 32.0.1700.107 m |
