OS X El Capitan में Safari संस्करण 9 से शुरू होकर, Apple ने Responsive Design Mode को पेश किया। यह इंटरफ़ेस वेब डेवलपर्स को विभिन्न स्क्रीन आकारों, ओरिएंटेशन और रिज़ॉल्यूशन में वेब अनुभव डिज़ाइन करने में मदद करता है। रिस्पॉन्सिव डिज़ाइन डेवलपर्स को यह सुनिश्चित करने में मदद करता है कि उनकी वेबसाइट और ऐप कई डिवाइस और प्लेटफॉर्म का समर्थन करते हैं।
यहां सफारी वेब ब्राउज़र में रिस्पॉन्सिव डिज़ाइन मोड को सक्षम करने का तरीका बताया गया है।
इस आलेख में दी गई जानकारी, OS X El Capitan के माध्यम से macOS Catalina तक फैले हुए, Safari 9 के माध्यम से Safari 13 पर लागू होती है। उत्तरदायी डिज़ाइन मोड Safari के Windows संस्करण में उपलब्ध नहीं है, जिसका Apple अब समर्थन नहीं करता है।
सफारी में रिस्पॉन्सिव डिजाइन मोड को कैसे इनेबल करें
अन्य Safari डेवलपर टूल के साथ, Safari रेस्पॉन्सिव डिज़ाइन मोड को सक्षम करने के लिए:
-
सफारी . पर जाएं मेनू और प्राथमिकताएं select चुनें ।
कीबोर्ड शॉर्टकट कमांड दबाएं +, (अल्पविराम) प्राथमिकताएं शीघ्रता से एक्सेस करने के लिए।
-
प्राथमिकताएं . में संवाद बॉक्स में, उन्नत . चुनें टैब।
-
डायलॉग बॉक्स के निचले भाग में, मेनू बार में डेवलप मेनू दिखाएँ . चुनें चेक बॉक्स।
-
अब आप देखेंगे विकसित करें शीर्ष सफारी मेनू बार में।
-
विकसित करें . चुनें> रिस्पॉन्सिव डिज़ाइन मोड दर्ज करें सफारी टूलबार में।
कीबोर्ड शॉर्टकट विकल्प दबाएं +कमांड +आर रिस्पॉन्सिव डिज़ाइन मोड में तेज़ी से प्रवेश करने के लिए।
-
सक्रिय वेब पेज उत्तरदायी डिजाइन मोड में प्रदर्शित होता है। पृष्ठ के शीर्ष पर, यह देखने के लिए कि पृष्ठ कैसे प्रस्तुत होगा, कोई iOS उपकरण या स्क्रीन रिज़ॉल्यूशन चुनें।
-
वैकल्पिक रूप से, रिज़ॉल्यूशन आइकन के ऊपर ड्रॉप-डाउन मेनू का उपयोग करके देखें कि आपका वेब पेज विभिन्न प्लेटफार्मों में कैसे प्रस्तुत होगा।
Safari डेवलपर टूल
रिस्पॉन्सिव डिज़ाइन मोड के अलावा, Safari Develop मेनू अन्य उपयोगी विकल्प प्रदान करता है।
के साथ पेज खोलें
मैक पर वर्तमान में स्थापित किसी भी ब्राउज़र में सक्रिय वेब पेज खोलता है।
उपयोगकर्ता एजेंट
जब आप उपयोगकर्ता एजेंट को बदलते हैं, तो आप किसी वेबसाइट को यह सोचकर मूर्ख बना सकते हैं कि आप किसी अन्य ब्राउज़र का उपयोग कर रहे हैं।
वेब इंस्पेक्टर दिखाएं
CSS जानकारी और DOM मेट्रिक सहित वेब पेज के सभी संसाधन प्रदर्शित करता है।
त्रुटि कंसोल दिखाएं
जावास्क्रिप्ट, एचटीएमएल और एक्सएमएल त्रुटियों और चेतावनियों को प्रदर्शित करता है।
पृष्ठ स्रोत दिखाएं
आपको सक्रिय वेब पेज के लिए स्रोत कोड देखने देता है और पृष्ठ सामग्री खोजने देता है।
पेज संसाधन दिखाएं
वर्तमान पृष्ठ से दस्तावेज़, स्क्रिप्ट, सीएसएस और अन्य संसाधन प्रदर्शित करता है।
स्निपेट संपादक दिखाएं
आपको कोड के टुकड़े संपादित और निष्पादित करने देता है। यह सुविधा परीक्षण के दृष्टिकोण से उपयोगी है।
एक्सटेंशन बिल्डर दिखाएं
अपने कोड को तदनुसार पैकेजिंग करके और मेटाडेटा जोड़कर सफारी एक्सटेंशन बनाने में आपकी सहायता करता है।
टाइमलाइन रिकॉर्डिंग शुरू करें
आपको वेबकिट इंस्पेक्टर के भीतर नेटवर्क अनुरोध, जावास्क्रिप्ट निष्पादन, पेज रेंडरिंग और अन्य घटनाओं को रिकॉर्ड करने देता है।
खाली कैश
सफ़ारी के भीतर सभी संग्रहीत कैश को हटाता है, न केवल मानक वेबसाइट कैश फ़ाइलें।
कैश अक्षम करें
कैशिंग अक्षम होने पर, स्थानीय कैश का उपयोग करने के विपरीत हर बार एक्सेस अनुरोध किए जाने पर संसाधनों को वेबसाइट से डाउनलोड किया जाता है।
स्मार्ट सर्च फील्ड से JavaScript की अनुमति दें
सुरक्षा कारणों से डिफ़ॉल्ट रूप से अक्षम, यह सुविधा आपको JavaScript वाले URL को Safari पता बार में दर्ज करने देती है।