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