आज की दुनिया में एक वेब डेवलपर होने का मतलब है उपकरणों और प्लेटफार्मों की एक आभासी का समर्थन करना, जो कभी-कभी एक कठिन काम साबित हो सकता है। नवीनतम वेब मानकों का पालन करने वाले सबसे अच्छी तरह से डिज़ाइन किए गए कोड के साथ भी, आप अभी भी पा सकते हैं कि आपकी वेबसाइट के उन हिस्सों को कुछ डिवाइस या संकल्पों पर आप जिस तरीके से देखना चाहते हैं, उन्हें देख या कार्य नहीं कर सकते हैं। परिदृश्यों की इतनी विस्तृत श्रृंखला का समर्थन करने की चुनौती का सामना करते समय, आपके निपटान में सही सिमुलेशन टूल होने के कारण अमूल्य हो सकता है।
यदि आप मैक का उपयोग करने वाले कई प्रोग्रामर में से एक हैं, तो सफारी के डेवलपर टूलसेट हमेशा काम में आते हैं। सफारी 9 की रिहाई के साथ, इस कार्यक्षमता की चौड़ाई काफी हद तक विस्तारित हुई है, मुख्य रूप से उत्तरदायी डिजाइन मोड के कारण, जो आपको यह देखने की अनुमति देती है कि आपकी साइट विभिन्न स्क्रीन संकल्पों के साथ-साथ विभिन्न आईपैड, आईफोन और आईपॉड टच बिल्डों पर कैसे प्रस्तुत की जाएगी।
यह ट्यूटोरियल विवरण देता है कि कैसे उत्तरदायी डिजाइन मोड को सक्रिय करने के साथ-साथ अपनी विकास आवश्यकताओं के लिए इसका उपयोग कैसे करें।
सफारी प्राथमिकताएं
सबसे पहले, अपना सफारी ब्राउज़र खोलें।
पर क्लिक करें सफारी स्क्रीन के शीर्ष पर स्थित ब्राउज़र मेनू में। जब ड्रॉप-डाउन मेनू प्रकट होता है, तो चुनें पसंद उदाहरण दिखाए गए उदाहरण में घिरा हुआ विकल्प।
ध्यान दें: उपर्युक्त मेनू आइटम के बदले में आप निम्न कीबोर्ड शॉर्टकट का उपयोग कर सकते हैं: कमांड + COMMA (,)
05 में से 02विकास मेनू दिखाएं
सफारी की प्राथमिकताएं संवाद अब प्रदर्शित होनी चाहिए, अपनी ब्राउज़र विंडो को ओवरले करना। सबसे पहले, पर क्लिक करें उन्नत आइकन एक गियर द्वारा प्रतिनिधित्व किया जाता है और खिड़की के ऊपरी दाएं कोने में स्थित होता है।
ब्राउज़र की उन्नत प्राथमिकताएं अब दिखाई देनी चाहिए। नीचे एक लेबल है, लेबल के साथ एक विकल्प है मेनू बार में डेवलपमेंट मेनू दिखाएं और उपरोक्त उदाहरण में घिरा हुआ है। इस मेनू को सक्रिय करने के लिए एक बार चेकबॉक्स पर क्लिक करें।
05 का 03उत्तरदायी डिजाइन मोड दर्ज करें
स्क्रीन के शीर्ष पर स्थित, आपके सफारी मेनू में अब एक नया विकल्प उपलब्ध होना चाहिए विकसित करना। इस विकल्प पर क्लिक करें।
जब ड्रॉप-डाउन मेनू प्रकट होता है, तो चुनें उत्तरदायी डिजाइन मोड दर्ज करेंदिखाए गए उदाहरण में घिरा हुआ।
ध्यान दें: उपर्युक्त मेनू आइटम के बदले में आप निम्न कीबोर्ड शॉर्टकट का उपयोग कर सकते हैं:विकल्प + कमांड + आर
04 में से 04उत्तरदायी डिजाइन मोड
सक्रिय वेब पेज को अब उत्तरदायी डिजाइन मोड में प्रदर्शित किया जाना चाहिए, जैसा उपर्युक्त उदाहरण में दिखाया गया है। आईफोन 6 जैसे सूचीबद्ध आईओएस डिवाइसों में से एक या 800 x 600 जैसे नामित स्क्रीन संकल्पों में से एक का चयन करके, आप तुरंत देख सकते हैं कि पेज उस डिवाइस पर या उस डिस्प्ले रिज़ॉल्यूशन में कैसे प्रस्तुत करेगा।
दिखाए गए उपकरणों और संकल्पों के अलावा, आप एक अलग उपयोगकर्ता एजेंट को अनुकरण करने के लिए सफारी को भी निर्देश दे सकते हैं - जैसे कि एक अलग ब्राउज़र से - रिज़ॉल्यूशन आइकन के ऊपर सीधे दिखाए गए ड्रॉप-डाउन मेनू पर क्लिक करके।
05 में से 05मेनू विकसित करें: अन्य विकल्प
उत्तरदायी डिजाइन मोड के अतिरिक्त, सफारी 9 का विकास मेनू कई अन्य उपयोगी विकल्प प्रदान करता है, जिनमें से कुछ नीचे सूचीबद्ध हैं।
- इसके साथ खुला पृष्ठ: आपको वर्तमान में अपने मैक पर स्थापित किसी भी अन्य ब्राउज़र में सक्रिय वेब पेज खोलने की अनुमति देता है।
- उपभोक्ता अभिकर्ता: उपयोगकर्ता एजेंट को बदलने से वेब सर्वर सफारी 9 के अलावा किसी अन्य चीज़ के रूप में आपके ब्राउज़र की पहचान कर सकते हैं।
- वेब इंस्पेक्टर कनेक्ट करें: सफारी 9 का वेब इंस्पेक्टर सभी वेबपृष्ठ के संसाधनों को प्रदर्शित करता है, जो सीएसएस सूचना, डीओएम मेट्रिक्स, और संरचना, साथ ही इसके मूल स्रोत कोड को समझने की क्षमता प्रदान करता है।
- त्रुटि कंसोल दिखाएं: विकास मेनू में सबसे व्यापक रूप से उपयोग किए जाने वाले विकल्पों में से एक, यह कंसोल जावास्क्रिप्ट, एचटीएमएल और एक्सएमएल त्रुटियों और चेतावनियों को प्रदर्शित करता है।
- पृष्ठ स्रोत दिखाएं: आपको सक्रिय वेब पेज के स्रोत कोड को देखने और खोजने की अनुमति देता है।
- पेज संसाधन दिखाएं: इस विकल्प का चयन वर्तमान पृष्ठ से दस्तावेज़, स्क्रिप्ट, सीएसएस और अन्य संसाधन प्रदर्शित करता है।
- स्निपेट संपादक दिखाएं: एक पूर्ण पृष्ठ के विपरीत, कोड के टुकड़े संपादित और निष्पादित करने की क्षमता प्रदान करता है। यह सुविधा एक परीक्षण परिप्रेक्ष्य से बहुत उपयोगी है।
- एक्सटेंशन बिल्डर दिखाएं: आपको तदनुसार अपने कोड को पैकेज करके और मेटाडेटा जोड़कर अपने स्वयं के सफारी एक्सटेंशन बनाने की अनुमति देता है।
- टाइमलाइन रिकॉर्डिंग शुरू करें: नेटवर्क अनुरोधों, जावास्क्रिप्ट निष्पादन, पृष्ठ प्रतिपादन, और उपयोगकर्ता परिभाषित अवधि के लिए अन्य घटनाओं सहित वेबकैट इंस्पेक्टर के भीतर सभी वस्तुओं को रिकॉर्ड करता है।
- खाली कैश: इस विकल्प पर क्लिक करने से सफारी के भीतर सभी संग्रहीत कैश हटाए जाते हैं, न केवल मानक वेबसाइट कैश फाइलें।
- कैश अक्षम करें: कैशिंग अक्षम होने के साथ, स्थानीय कैश का उपयोग करने के विरोध में प्रत्येक बार एक एक्सेस अनुरोध किया जाता है, तो संसाधनों को वेबसाइट से डाउनलोड किया जाता है।
- स्मार्ट सर्च फ़ील्ड से जावास्क्रिप्ट को अनुमति दें: सुरक्षा कारणों से डिफ़ॉल्ट रूप से अक्षम, यह सुविधा आपको सफारी के पता बार में जावास्क्रिप्ट वाले यूआरएल दर्ज करने की अनुमति देती है।
- असुरक्षित के रूप में SHA-1 प्रमाण पत्र का इलाज करें: सिक्योर हैश एल्गोरिदम के लिए छोटा, SHA-1 हैश फ़ंक्शन मूल रूप से सोचा जाने से कम सुरक्षित साबित हुआ है, इसलिए सफारी 9 में इस विकल्प को जोड़ना।
