OS X एल कैपिटन में सफारी संस्करण 9 से शुरू करके, Apple ने रिस्पॉन्सिव डिज़ाइन मोड पेश किया। यह इंटरफ़ेस वेब डेवलपर्स को विभिन्न स्क्रीन आकारों, ओरिएंटेशन और रिज़ॉल्यूशन में वेब अनुभव डिज़ाइन करने में मदद करता है। रिस्पॉन्सिव डिज़ाइन डेवलपर्स को यह सुनिश्चित करने में सहायता करता है कि उनकी वेबसाइट और ऐप्स कई डिवाइस और प्लेटफ़ॉर्म का समर्थन करते हैं।
सफारी वेब ब्राउज़र में रिस्पॉन्सिव डिज़ाइन मोड कैसे सक्षम करें
सफारी रिस्पॉन्सिव डिज़ाइन मोड को अन्य सफारी डेवलपर टूल्स के साथ सक्षम करने के लिए:
-
सफारी मेनू पर जाएं और प्राथमिकताएं चुनें।
त्वरित पहुंच के लिए कीबोर्ड शॉर्टकट कमांड + , (कॉमा) दबाएं।
-
प्राथमिकताएं डायलॉग बॉक्स में, उन्नत टैब चुनें।
-
डायलॉग बॉक्स के नीचे, मेनू बार में डेवलप मेनू दिखाएं चेक बॉक्स चुनें।
-
अब आपको शीर्ष सफारी मेनू बार में डेवलप दिखाई देगा।
-
सफारी टूलबार में डेवलप > रिस्पॉन्सिव डिज़ाइन मोड दर्ज करें चुनें।
त्वरित पहुंच के लिए कीबोर्ड शॉर्टकट ऑप्शन + कमांड + आर दबाएं।
-
सक्रिय वेब पेज रिस्पॉन्सिव डिज़ाइन मोड में प्रदर्शित होता है। पेज के शीर्ष पर, एक iOS डिवाइस या स्क्रीन रिज़ॉल्यूशन चुनें ताकि यह देखा जा सके कि पेज कैसे रेंडर होगा।
-
वैकल्पिक रूप से, रिज़ॉल्यूशन आइकन के ऊपर ड्रॉप-डाउन मेनू का उपयोग करके देखें कि आपका वेब पेज विभिन्न प्लेटफ़ॉर्म पर कैसे रेंडर होगा।
सफारी डेवलपर टूल्स
रिस्पॉन्सिव डिज़ाइन मोड के अलावा, सफारी डेवलप मेनू अन्य उपयोगी विकल्प प्रदान करता है:
पेज को इस के साथ खोलें
सक्रिय वेब पेज को मैक पर वर्तमान में इंस्टॉल किसी भी ब्राउज़र में खोलता है।
यूज़र एजेंट
जब आप यूज़र एजेंट बदलते हैं, तो आप किसी वेबसाइट को यह सोचने पर मजबूर कर सकते हैं कि आप किसी अन्य ब्राउज़र का उपयोग कर रहे हैं।
वेब इंस्पेक्टर दिखाएं
CSS जानकारी और DOM मेट्रिक्स सहित वेब पेज के सभी संसाधन प्रदर्शित करता है।
एरर कंसोल दिखाएं
जावास्क्रिप्ट, HTML, और XML त्रुटियों और चेतावनियों को प्रदर्शित करता है।
पेज सोर्स दिखाएं
सक्रिय वेब पेज के लिए स्रोत कोड देखने और पेज सामग्री खोजने की अनुमति देता है।
पेज संसाधन दिखाएं
वर्तमान पेज से दस्तावेज़, स्क्रिप्ट, CSS, और अन्य संसाधन प्रदर्शित करता है।
स्निपेट एडिटर दिखाएं
कोड के टुकड़ों को संपादित और निष्पादित करने की अनुमति देता है। यह सुविधा परीक्षण के दृष्टिकोण से उपयोगी है।
एक्सटेंशन बिल्डर दिखाएं
आपके कोड को उचित तरीके से पैकेज करके और मेटाडेटा जोड़कर सफारी एक्सटेंशन बनाने में मदद करता है।
टाइमलाइन रिकॉर्डिंग शुरू करें
WebKit इंस्पेक्टर के भीतर नेटवर्क अनुरोध, जावास्क्रिप्ट निष्पादन, पेज रेंडरिंग, और अन्य घटनाओं को रिकॉर्ड करने की अनुमति देता है।
कैश खाली करें
सफारी के भीतर संग्रहीत सभी कैश को हटाता है, न कि केवल मानक वेबसाइट कैश फ़ाइलें।
कैश अक्षम करें
कैशिंग अक्षम होने पर, संसाधनों को स्थानीय कैश का उपयोग करने के बजाय हर बार एक्सेस अनुरोध किए जाने पर वेबसाइट से डाउनलोड किया जाता है।
स्मार्ट सर्च फील्ड से जावास्क्रिप्ट की अनुमति दें
सुरक्षा कारणों से डिफ़ॉल्ट रूप से अक्षम, यह सुविधा आपको सफारी एड्रेस बार में जावास्क्रिप्ट वाले URL दर्ज करने की अनुमति देती है।
