अधिक से अधिक वेब डिज़ाइनर वेबसाइटों को "रिस्पॉन्सिव" बनाने में लगे हैं—यानी वे उस डिवाइस के अनुसार सबसे उपयुक्त प्रारूप में सामग्री दिखाने के लिए अनुकूलित होते हैं जिस पर आप ब्राउज़ कर रहे हैं। उदाहरण के लिए, यदि आप iPhone पर Macgasm पर जाते हैं, तो होमपेज पर शीर्षक टेक्स्ट और चित्र स्वचालित रूप से मोबाइल-फ्रेंडली आकार में रीसाइज़ हो जाएंगे। यदि आप एक वेबसाइट बना रहे हैं और देखना चाहते हैं कि यह विभिन्न स्क्रीन आकारों पर कैसा दिखता है, तो सफारी का नया रिस्पॉन्सिव डिज़ाइन मोड आपके लिए है।
इस तक पहुंचने के लिए, आपको OS X El Capitan चलाने की आवश्यकता होगी, और यदि आपने पहले से नहीं किया है तो सफारी के डेवलप मेनू को चालू करना होगा। ऐसा करने के लिए, सफारी > प्राथमिकताएं पर जाएं, उन्नत पर क्लिक करें, फिर "मेनू बार में डेवलप मेनू दिखाएं" लेबल वाले बॉक्स को चेक करें।
उस वेबपेज पर जाएं जिस पर आप काम कर रहे हैं, फिर डेवलप > रिस्पॉन्सिव डिज़ाइन मोड दर्ज करें पर जाएं। बस, आप देख पाएंगे कि आपका पृष्ठ विभिन्न iOS डिवाइस के साथ-साथ अन्य सामान्य स्क्रीन रिज़ॉल्यूशन पर कैसा दिखता है। आप वेबपेज के किनारे पर माउस घुमाकर और बाएं या दाएं खींचकर दृश्य क्षेत्र का आकार बदल सकते हैं। पेश किए गए विभिन्न दृश्य क्षेत्रों के बीच टॉगल करें, और देखें कि आपका वेबपेज डिवाइस से डिवाइस में कैसे बदलता है—आपको कोई ऐसा बग मिल सकता है जिसे आपने पहले नहीं देखा था।
एक बार जब आप काम पूरा कर लें, तो डेवलप > रिस्पॉन्सिव डिज़ाइन मोड से बाहर निकलें पर जाएं।
