สลับไปยังมุมมองมือถือ

ผู้ชมเว็บไซต์ในยุคใหม่ไม่นิ่งเฉย พวกเขาเปลี่ยนจากหน้าจอขนาด 27 นิ้วที่ทำงานเป็นหน้าจอขนาดพกพาบนรถไฟ และพวกเขาคาดหวังว่าทุกเว็บไซต์จะได้รับการออกแบบมาให้เหมาะกับทั้งสองอย่าง สำหรับนักออกแบบ นักพัฒนา นักการตลาด และแม้แต่ผู้ใช้ทั่วไป คำถามที่เกิดขึ้นทุกวันคือ “หน้าเว็บนี้จะดูเป็นอย่างไรบนโทรศัพท์จริง” DevTools ของ Chrome เองสามารถตอบคำถามนี้ได้ หลังจากที่คุณค้นหาในเมนู แผง และเฟรมอุปกรณ์ต่างๆ แล้ว การเปลี่ยนไปใช้ Mobile View จะย่อขนาดการเดินทางนั้นให้เหลือเพียงคลิกเดียวหรือทางลัด

แตะไอคอนบนแถบเครื่องมือ (หรือกด Alt + M) แล้วหน้าปัจจุบันจะถูกจำกัดให้เหลือเพียงช่องมองภาพขนาดเท่ามือถือทันที พื้นหลังสีเทาอ่อนจะแยกหน้าออกจากส่วนอื่นของหน้าต่างเบราว์เซอร์ ทำให้เนื้อหาของคุณเป็นดาวเด่นในขณะที่เตือนคุณทางสายตาว่า Mobile View กำลังใช้งานอยู่ ป้ายเล็กๆ จะปรากฏขึ้นที่มุมเพื่อแสดงการตั้งค่าอุปกรณ์ปัจจุบัน โดยเริ่มจาก iPhone 14

ส่วนขยายนี้มาพร้อมกับจุดพักสามจุดที่ร้องขอมากที่สุด ได้แก่ iPhone 14 (390 × 844 พิกเซล), Pixel 7 (412 × 915 พิกเซล) และ iPad mini (768 × 1024 พิกเซล) พรีเซ็ตแต่ละอันจะปรับแท็กเมตาช่องมองภาพ ความกว้างขององค์ประกอบ และพฤติกรรมการเลื่อนเพื่อเลียนแบบความรู้สึกของอุปกรณ์ที่เลือก

ใครได้รับประโยชน์?
นักพัฒนาฝั่ง Front-end สามารถตรวจจับการถดถอยของเค้าโครงได้ภายในไม่กี่วินาทีโดยไม่ต้องเปิด DevTools ซึ่งเหมาะอย่างยิ่งเมื่อต้องจัดการสาขาหรือเซิร์ฟเวอร์สเตจจิ้งหลายสาขา

นักออกแบบ UI/UX ได้รับการตรวจสอบความเรียบร้อยอย่างรวดเร็ว ก่อนที่จะส่งส่วนประกอบ Figma ใหม่ให้กับฝ่ายวิศวกรรม

ทีมงานประกันคุณภาพสามารถเขียนสคริปต์ลัดคีย์บอร์ดลงในชุดการทดสอบอัตโนมัติเพื่อการทดสอบที่ตอบสนองรวดเร็วยิ่งขึ้น

ผู้สร้างเนื้อหาและนักการตลาดดูตัวอย่างจดหมายข่าว หน้าปลายทาง และการฝังโซเชียลมีเดียเพื่อให้แน่ใจว่าสามารถอ่านได้บนหน้าจอขนาดเล็ก

ตัวแทนฝ่ายสนับสนุนลูกค้าที่ทำการจำลองปัญหาที่ผู้ใช้มือถือรายงานไม่จำเป็นต้องใช้อุปกรณ์ทางกายภาพหรือเครื่องจำลองอีกต่อไป

นักการศึกษาและนักเรียนที่สำรวจแนวคิดการออกแบบที่ตอบสนองจะได้รับแซนด์บ็อกซ์ที่เข้าถึงได้และปลอดภัยจากการได้รับอนุญาต

ไม่ว่าคุณจะปรับแต่งขั้นตอนการชำระเงินไม่กี่นาทีก่อนเปิดตัวหรือสอนห้องเรียนที่เต็มไปด้วยนักพัฒนาที่มีความทะเยอทะยาน ส่วนขยายนี้จะเข้ากับเวิร์กโฟลว์ของคุณโดยแทบไม่ต้องเรียนรู้อะไรเลย