विषय
- ऐप्पल के वेब ब्राउज़र में डेवलपर टूल एक्सेस करें
- कैसे सफारी में उत्तरदायी डिजाइन मोड को सक्षम करने के लिए
- सफारी डेवलपर उपकरण
ऐप्पल के वेब ब्राउज़र में डेवलपर टूल एक्सेस करें
यह सुनिश्चित करना कि वेबसाइट और वेब ऐप्स डिवाइस और प्लेटफ़ॉर्म की एक बीवी का समर्थन करते हैं, वेब डेवलपर्स के लिए एक आवश्यक कार्य है। Apple के सफारी वेब ब्राउज़र में एक उत्तरदायी डिज़ाइन मोड शामिल है जो आपको पूर्वावलोकन करने की अनुमति देता है कि आपकी साइट विभिन्न स्क्रीन प्रस्तावों और विभिन्न iPad, iPhone और iPod टच बिल्ड पर कैसे प्रस्तुत करेगी।
इस आलेख में निर्देश macOS के लिए Safari 13 पर लागू होते हैं। उत्तरदायी डिज़ाइन मोड विंडोज संस्करण में उपलब्ध नहीं है।
कैसे सफारी में उत्तरदायी डिजाइन मोड को सक्षम करने के लिए
सफ़ारी के डेवलपर उपकरण और उत्तरदायी डिज़ाइन मोड सक्षम करने के लिए:
-
चुनते हैं सफारी > पसंद सफ़ारी टूलबार में।
आप कीबोर्ड शॉर्टकट का भी उपयोग कर सकते हैं आदेश+अल्पविराम (,) वरीयताएँ मेनू का उपयोग करने के लिए।
-
प्राथमिकताएँ मेनू में, का चयन करें उन्नत टैब और बगल में स्थित बॉक्स को चेक करें मेनू बार में मेनू का विकास दिखाएं। स्क्रीन के शीर्ष पर सफारी टूलबार में अब एक नया विकल्प उपलब्ध होना चाहिए।
-
चुनते हैं विकसित करना > उत्तरदायी डिजाइन मोड दर्ज करें सफ़ारी टूलबार में।
आप कीबोर्ड शॉर्टकट का भी उपयोग कर सकते हैं विकल्प+आदेश+आर उत्तरदायी डिजाइन मोड में प्रवेश करने के लिए।
-
सक्रिय वेब पेज को अब रिस्पॉन्सिव डिजाइन मोड में प्रदर्शित किया जाना चाहिए। पृष्ठ के शीर्ष पर, एक iOS डिवाइस या स्क्रीन रिज़ॉल्यूशन चुनें कि पेज कैसे प्रस्तुत करेगा।
आप सॉल्यूशन को निर्देश भी दे सकते हैं कि रिज़ॉल्यूशन आइकन के ऊपर सीधे ड्रॉप-डाउन मेनू का उपयोग करके विभिन्न उपयोगकर्ता एजेंटों का अनुकरण करें।
सफारी डेवलपर उपकरण
उत्तरदायी डिजाइन मोड के अलावा, सफारी के विकास मेनू सहित कई अन्य उपयोगी विकल्प प्रदान करता है:
- के साथ पेज खोलें: अपने मैक पर वर्तमान में स्थापित किसी अन्य ब्राउज़र में सक्रिय वेब पेज खोलें।
- उपभोक्ता अभिकर्ता: उपयोगकर्ता एजेंट को बदलने से वेब सर्वर को आपके ब्राउज़र को सफारी के अलावा कुछ के रूप में पहचानने का कारण बनता है।
- कनेक्ट वेब इंस्पेक्टर: CSS जानकारी और DOM मैट्रिक्स सहित वेबपेज के सभी संसाधनों को प्रदर्शित करें।
- त्रुटि कंसोल दिखाएं: जावास्क्रिप्ट, एचटीएमएल और एक्सएमएल त्रुटियों और चेतावनियों को प्रदर्शित करें।
- पृष्ठ स्रोत दिखाएं: सक्रिय वेब पेज के स्रोत कोड को देखें और खोजें।
- पृष्ठ संसाधन दिखाएँ: वर्तमान पृष्ठ से दस्तावेज़, स्क्रिप्ट, सीएसएस और अन्य संसाधन प्रदर्शित करें।
- स्निपेट संपादक को दिखाएं: कोड के टुकड़े संपादित करें और निष्पादित करें। यह सुविधा परीक्षण के दृष्टिकोण से बहुत उपयोगी है।
- एक्सटेंशन बिल्डर दिखाएँ: अपने कोड को तदनुसार पैक करके और मेटाडेटा को जोड़कर अपने स्वयं के सफारी एक्सटेंशन बनाएं।
- टाइमलाइन रिकॉर्डिंग शुरू करें: रिकॉर्ड नेटवर्क अनुरोध, जावास्क्रिप्ट निष्पादन, पेज रेंडरिंग, और WebKit इंस्पेक्टर के भीतर अन्य घटनाओं।
- खाली कैश: सफारी के भीतर सभी संग्रहीत कैश हटाएं, न कि केवल मानक वेबसाइट कैश फाइलें।
- कैश अक्षम करें: कैशिंग विकलांगों के साथ, संसाधनों को एक वेबसाइट से हर बार डाउनलोड किया जाता है, स्थानीय कैश का उपयोग करने के लिए एक पहुंच अनुरोध किया जाता है।
- स्मार्ट खोज क्षेत्र से जावास्क्रिप्ट की अनुमति दें: सुरक्षा कारणों से डिफ़ॉल्ट रूप से अक्षम, यह सुविधा आपको सफारी के एड्रेस बार में जावास्क्रिप्ट युक्त URL दर्ज करने की अनुमति देती है।
- असुरक्षित के रूप में SHA-1 प्रमाणपत्र का इलाज करें: सिक्योर हैश एलगोरिदम के लिए शॉर्ट, SHA-1 हैश फ़ंक्शन मूल रूप से सोचे गए से कम सुरक्षित साबित हुआ है, इसलिए सफारी में इस विकल्प का जोड़ है।
