Safari บน OS X El Capitan เพิ่มโหมดทดสอบเว็บบนมือถือและแท็บเล็ตได้

responsive-design-mode-os-x-el-capitan-2

ฟีเจอร์ลับอีกอย่างหนึ่งบน OS X El Capitan ที่ซ่อนอยู่ในโปรแกรม Safari นั่นก็คือสามารถทดสอบและดูเว็บไซต์แบบที่ดูบนมือถือหรือแท็บเล็ตได้ หรือที่เขาเรียกว่าแบบ Responsive Web

responsive-design-mode-os-x-el-capitan-3

Responsive Web นั่นก็คือเว็บไซต์ที่จะเปลี่ยนแปลงหน้าเว็บของตัวเอง ไปตามขนาดขอหน้าจอที่เราใช้ เช่น เราเปิดเว็บไซต์ MacThai บนไอโฟน หน้าเว็บก็จะเปลี่ยนให้สามารถใช้งานบนมือถือหน้าจอเล็ก ๆ แต่ถ้าเราเปิดบนอุปกรณ์ที่หน้าจอใหญ่ขึ้นอย่างเช่น iPad หรือเครื่อง Mac มันก็จะแสดงหน้าตาของเว็บอีกแบบหนึ่ง

responsive-design-mode-os-x-el-capitan-4

ฟีเจอร์นี้จะอยู่ใน Develop Menu ซึ่งเราจะต้องเข้าไปที่ Safari >> Preferences >> Advanced ให้เราไปติ๊กถูกตรง “Show Develop menu in menu bar” หลังจากนั้น ให้เข้าไปที่ Develop >> Enter Responsive Design Mode

responsive-design-mode-os-x-el-capitan-1

 

ที่มา – Macgasm