วันนี้จะมาแนะนำการทดสอบ 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 ช่วยได้ โดย chrome จะมีความสามารถจำลองในเว็บในอุปกรณ์ต่างๆได้ แถมเลือก browser ได้ จำลองพวกเซ็นเซอร์บางอย่างได้ด้วย