Mobile emulation in Google Chrome

mobile web ค่อย ๆ พัฒนาขึ้นเรื่อย ๆ ในความสามารถของ application, สิ่งที่ทาง google หวังว่าจะรวมการ debug กับการ development บนเครื่องคอมพิวเตอร์. DevTools รวมการ support หลาย ๆ feature ที่สามารถช่วยให้คุณสามารถทำงานได้อย่างสะดวกในงานส่วนี้ 

Note: บางส่วนของเอกสารอาจไม่ได้อยู่ใน Chrome version ปกติ. ถ้าคุณไม่สามารถใช้งานได้. แนะนำให้ใช้ Chrome Canary ที่มี version ล่าสุดของ DevTools.

เปิดใช้งาน Emulation Panel

Chrome Canary ที่มีจำนวนของ mobile emulation tools ที่สำคัญที่สามารถเข้าถึงได้ใน Emulation panel ที่อยู่ใน Settings panel. วิธีเปิดการใช้งาน:

1. เปิด Settings panel ภายใน DevTools.
2. ทำการเปิด "Show 'Emulation' view in console drawer." ในหน้าส่วนของ Settings ที่รูปฟันเฟือง

เมื่อ DevTools console แสดงขึ้นมาให้กดปุ่ม Esc แล้วเลือกแทบ Emulation.

เพิ่มเติม https://developer.chrome.com/devtools/docs/mobile-emulation

หมายเหตุ Canary เป็น version สำหรับนักพัฒนาก่อนที่จะเป็น Dev > Beta > Stable