นักออกแบบเว็บไซต์จำนวนมากขึ้นเรื่อยๆ กำลังสร้างเว็บไซต์ให้ "ตอบสนอง" นั่นคือพวกเขาจะปรับให้แสดงเนื้อหาในรูปแบบที่เหมาะสมที่สุดสำหรับอุปกรณ์ใดก็ตามที่คุณกำลังเรียกดู ตัวอย่างเช่น หากคุณไปที่ Macgasm บน iPhone ข้อความพาดหัวและรูปภาพในหน้าแรกจะปรับขนาดโดยอัตโนมัติเป็นขนาดที่เหมาะกับอุปกรณ์เคลื่อนที่มากขึ้น หากคุณกำลังสร้างเว็บไซต์และต้องการดูว่าเว็บไซต์จะปรากฏบนหน้าจอขนาดต่างๆ อย่างไร โหมดการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ใหม่ของ Safari นั้นเหมาะสำหรับคุณ
ในการดำเนินการนี้ คุณจะต้องใช้งาน OS X El Capitan และคุณจะต้องเปิดเมนู Develop ของ Safari หากยังไม่ได้ดำเนินการ โดยไปที่ Safari> Preferences , คลิก ขั้นสูง จากนั้นทำเครื่องหมายที่ช่อง "แสดงเมนูพัฒนาในแถบเมนู"
ไปที่หน้าเว็บที่คุณกำลังทำงานอยู่ จากนั้นไปที่ พัฒนา> เข้าสู่โหมดการออกแบบที่ตอบสนอง . ในทำนองเดียวกัน คุณจะสามารถดูว่าหน้าเว็บของคุณมีลักษณะอย่างไรบนอุปกรณ์ iOS ต่างๆ ตลอดจนความละเอียดหน้าจอทั่วไปอื่นๆ คุณสามารถปรับขนาดพื้นที่ดูได้โดยวางเมาส์เหนือขอบของหน้าเว็บแล้วลากไปทางซ้ายหรือขวา สลับไปมาระหว่างพื้นที่ต่างๆ ที่สามารถดูได้ และดูว่าหน้าเว็บของคุณเปลี่ยนแปลงไปอย่างไรจากอุปกรณ์หนึ่งไปอีกอุปกรณ์หนึ่ง คุณอาจพบข้อบกพร่องที่คุณไม่เคยสังเกตมาก่อน
เมื่อเสร็จแล้ว ไปที่ พัฒนา> ออกจากโหมดการออกแบบที่ตอบสนอง .
