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