वेब ब्राउजर विकासकर्ता उपकरण कसरी प्रयोग गर्ने

वेब डिजाइनर, विकासकर्ता र परीक्षकहरूको लागि एकीकृत उपकरणहरू

सबै भन्दा ब्राउजर निर्माताहरू रोजगारी प्रयोगकर्तालाई सर्फमा ध्यान दिइरहेका छन्, तिनीहरू वेब विकासकर्ताहरू, डिजाइनरहरू र गुणस्तर आश्वासन पेशेवरहरू पनि पूरा गर्छन् जसले अनुप्रयोगहरू र साइटहरू निर्माण गर्न मद्दत पुर्याउँदछ जुन ती प्रयोगकर्ताहरू शक्तिशाली उपकरणहरू एकीकरण गरेर ब्राउजरहरूमार्फत पहुँच गर्दै छन्। आफै।

सकियो दिनहरू जहाँ ब्राउजर भित्र फेला परेका मात्र प्रोग्रामिंग र परीक्षण उपकरणहरू तपाईंले पृष्ठको स्रोत कोड हेर्न र थप केहि पनि अनुमति दिनुभएन। आजका ब्राउजरहरूले चीजहरू प्रयोग गरेर डिभगप स्निपेटहरू, निरीक्षण गरेर सम्पादन गर्न र डबग गर्ने काम गरेर धेरै गहिराइमा डुबाउँछन्, डोम तत्वहरूको निरीक्षण गर्दै सम्पादन गर्दै, बोटहरू पहिचान गर्नका लागि वास्तविक अनुप्रयोग सञ्जाल ट्राफिकको निरीक्षण, बोटहरू पहिचान गर्न, सीएसएस प्रदर्शनको विश्लेषण गर्नुहोस्, सुनिश्चित गर्नुहोस् कि तपाईंको कोड हो। धेरै मेमोरी वा धेरै सीपीयू चक्रहरू, र धेरै धेरै प्रयोग गर्दैन। परीक्षण ट्राफिकबाट, तपाईं उत्तरदायी डिजाइन र निर्मित सिम्युलेटरहरूको जादू मार्फत विभिन्न ब्राउजरहरूमा कसरी विभिन्न एप्स र प्लेटफर्महरू प्रदान गर्नुहुने एप वा वेब पेज प्रस्तुत गर्नेछ भनेर पुन: पेश गर्न सक्नुहुन्छ। सबै भन्दा राम्रो भाग यो हो कि तपाईं आफ्नो सबै ब्राउजर छोड्न को लागी यो गर्न सक्नुहुन्छ!

तलका ट्यूटोरियल तपाईं कसरी धेरै लोकप्रिय वेब ब्राउजरहरूमा यी विकासकर्ता उपकरणहरू पहुँच गर्ने माध्यमबाट हिड्नु हुन्छ।

गुगल क्रोम

क्रोमको विकासकर्ता उपकरणले तपाईंलाई सम्पादन गर्न र डिबग कोडलाई अनुमति दिन्छ, प्रदर्शनको समस्याहरू बेवास्ता गर्न व्यक्तिगत घटकहरू सम्पादन गर्न, विभिन्न उपकरण स्क्रिनहरू अनुगमन गर्ने समावेश सहित ती एन्ड्रोइड वा आईओएस , र धेरै अन्य उपयोगी कार्यहरू प्रदर्शन गर्दछ।

1. क्रोमको मुख्य मेनु बटनमा क्लिक गर्नुहोस्, तीन तेर्सो रेखाहरूसँग चिन्ह लगाइएको छ र ब्राउजरको माथिल्लो दाँया-बायाँ कुनामा अवस्थित।
2. जब ड्रप-डाउन मेनु देखा पर्दछ, आफ्नो माउस कर्सर लाई थप उपकरण विकल्प मार्फत होभर गर्नुहोस्।
3. उप-मेनु अब देखा पर्छ। विकासकर्ता उपकरण लेबल गरिएको विकल्प चयन गर्नुहोस्। तपाईं यो मेनु वस्तुको स्थानमा निम्न किबोर्ड सर्टकट पनि प्रयोग गर्न सक्नुहुन्छ: क्रोम ओएस / विन्डोज ( CTRL + SHIFT + I ), म्याक ओएस एक्स ( ALT (OPTION) + COMMAND + I )
4. क्रोम विकासकर्ता उपकरण इन्टरफेस अब प्रदर्शन गर्न सकिन्छ, जस्तै यो स्क्रिनसटमा देखाइएको छ। तपाईंको क्रोमको संस्करणको आधारमा, तपाईंले देख्नु भएको प्रारम्भिक लेआउट यहाँ प्रस्तुत गरिएको देखि केहि फरक हुन सक्छ। विकासकर्ता उपकरणहरूको मुख्य हब, सामान्यतया स्क्रिनको तल वा दाँया-दाँया छेउमा अवस्थित छ, निम्न ट्याबहरू समावेश गर्दछ।
   तत्वहरू: सीएसएस र एचटीएमएल कोड निरीक्षण गर्न साथै सीएसई अन-द-फाईल सम्पादन गर्ने क्षमता प्रदान गर्दछ, जुन वास्तविक समयमा तपाईंको परिवर्तनहरूको प्रभाव देखाउँदैछ।
   कन्सोल: क्रोमको जाभास्क्रिप्ट कन्सोल प्रत्यक्ष आदेश प्रविष्टि र निदान डिबगिङको लागि अनुमति दिन्छ।
   स्रोतहरू: तपाइँले जाभास्क्रिप्ट कोडलाई शक्तिशाली ग्राफिकल इन्टरफेस मार्फत डिबग गर्न दिन्छ।
   सञ्जाल: सक्रिय अनुप्रयोग वा पृष्ठमा प्रत्येक सम्बन्धित अपरेशनको बारेमा विस्तृत जानकारी को वर्गीकरण गर्दछ र पूर्ण अनुरोध र प्रतिक्रिया हेडर सहित साथै उन्नत टाइम मेट्रिक्स सहित।
   टाइमलाइन: पृष्ठको रूपमा वा एप लोड अनुरोध सुरु भएको ब्राउजर भित्र भएको प्रत्येक गतिविधिको गहन विश्लेषणको लागि अनुमति दिन्छ।
5. यी खण्डहरूको अतिरिक्त, तपाईं समय उपकरण ट्याबलाइन दाहिने दायाँतिर स्थित >> आइकनको माध्यमबाट पनि पहुँच गर्न सक्नुहुनेछ।
   प्रोफाईल: CPU प्रोफेलर र ह्याप प्रोफेलर खण्डहरूमा तोडिएको छ, सक्रिय अनुप्रयोग वा पृष्ठको समग्र मेमोरी उपयोग र समग्र निष्पादन समय प्रदान गर्दछ।
   सुरक्षा: सक्रिय पृष्ठ वा अनुप्रयोगसँग प्रमाणपत्र प्रमाणपत्र समस्याहरू र अन्य सुरक्षा सम्बन्धी समस्याहरू।
   संसाधन: यो जहाँ तपाइँ कुकीहरू, स्थानीय भण्डारण, एप क्यास, र हालको वेब पृष्ठ वा अनुप्रयोग द्वारा प्रयोग गरिएको स्थानीय स्थानीय स्रोतहरू निरीक्षण गर्न सक्नुहुन्छ।
   लेखा परीक्षा: पृष्ठलाई पृष्ठ अनुकूलन गर्न वा अनुप्रयोगको लोड समय र सामान्य प्रदर्शन गर्ने तरिकाहरू प्रदान गर्दछ।
6. यन्त्र मोडले तपाईंलाई सक्रिय पृष्ठ सिम्युलेटरमा हेर्न अनुमति दिन्छ जसले लगभग एक दर्जन भन्दा बढी यन्त्रहरूमा देखा पर्दछ, जसमा धेरै लोकप्रिय Android र आईओएस मोडेलहरू जस्तै आईप्याड, आईफोन, र सैमसंग गैलेक्सी शामिल हुन्छ। तपाइँलाई तपाइँको विशेष विकास वा परीक्षण आवश्यकताहरू फिट गर्नको लागि अनुकूलन स्क्रिन रिजोल्युसनहरू अनुकरण गर्ने क्षमता पनि दिइएको छ। यन्त्र मोड खुला र बन्द गर्न, सिधा स्थित मोबाइल फोन प्रतिमा तत्वहरूको ट्याबको बाँयामा छान्नुहोस्।
7. तपाईं हेर्नलाई अनुकूलन गर्न सक्नुहुन्छ र आफ्नो विकासकर्ता उपकरणहरूको पहिलो पटक तीन ऊर्धारित राखिएको डटहरू द्वारा प्रतिनिधित्व गरिएको मेनु बटनमा क्लिक गर्नुहोस् र aforementioned ट्याबहरूको दाँया-हातको छेउमा स्थित। यस ड्रप-डाउन मेनु भित्र, तपाइँ डकलाई स्थानान्तरण गर्न सक्नुहुन्छ, विभिन्न उपकरणहरू देखाउनुहोस् वा लुकाउन साथै यन्त्र निरीक्षक जस्ता थप उन्नत वस्तुहरू सुरु गर्न सक्नुहुन्छ। तपाइँ भेट्टाउनुहुन्छ कि देव उपकरण इन्टरफेस आफैले यस खण्डमा भेट्टिएका सेटिङहरू मार्फत अत्यधिक अनुकूलन योग्य छ।

मोजिल्ला फायरफक्स

फायरफक्सको वेब डेभलपर सेक्शनमा डिजाइनर, विकासकर्ता, र परीक्षकहरूको लागि उपकरणहरू जस्तै एक शैली सम्पादक र पिक्सेल-लक्ष्यीकरण eyedropper जस्तै।

सिफारिस गरिएको पढाइ: शीर्ष 25 Greasemonkey र Tampermonkey प्रयोगकर्ता स्क्रिप्ट

1. फायरफक्सको मुख्य मेनु बटनमा क्लिक गर्नुहोस्, तीन तेर्सो रेखाहरू द्वारा प्रतिनिधित्व गरी ब्राउजर विन्डोको माथिल्लो दाँया-बायाँ कुनामा अवस्थित।
2. जब ड्रप-डाउन मेनु देखिन्छ, विकासकर्ता लेबल गरिएको आइकन चयन गर्नुहोस्। वेब डेभलपर मेनु अब प्रदर्शन भएको छ, निम्न विकल्पहरू समावेश गर्नुपर्दछ। तपाईले ध्यान दिनुहुनेछ कि अधिकांश मेनु वस्तुहरू सँग सम्बन्धित किबोर्ड सर्टकटहरू छन्।
   उपकरण टगल गर्नुहोस्: विकासकर्ता उपकरण इन्टरफेस प्रदर्शन गर्दछ वा लुकाउँछ, सामान्यतया ब्राउजर सञ्झ्यालको तलमा राखिएको। कीबोर्ड सर्टकट: म्याक ओएस एक्स ( ALT (विकल्प) + COMMAND + I ), विन्डोज ( CTRL + SHIFT + I )
   निरीक्षक: तपाईंलाई सक्रिय पेज मा सीएसएस र एचटीएमएल कोड को निरीक्षण र / या रिवाइज गर्न को लागि र रिमोट डिबगिंग को माध्यम ले पोर्टेबल डिवाइस मा। कुञ्जीपाटी सर्टकट: म्याक ओएस एक्स ( ALT (विकल्प) + COMMAND + सी ), विन्डोज ( CTRL + SHIFT + C )
   वेब कंसोल: तपाईंलाई सक्रिय पृष्ठ भित्र JavaScript जाभास्क्रिप्ट कार्यान्वयन गर्न साथै सुरक्षा चेतावनीहरू, सञ्जाल अनुरोधहरू, सीएसएस सन्देशहरू र अन्य सहित लगइन डेटाको विभिन्न सेट समीक्षा गर्न अनुमति दिन्छ। कीबोर्ड सर्टकट: म्याक ओएस एक्स ( ALT (विकल्प) + COMMAND + K ), विन्डोज ( CTRL + SHIFT + K )
   डिबगर: जाभास्क्रिप्ट डिबगरले तपाइँलाई ब्रेकस्पटहरू सेट गरेर दोषहरू समाधान गर्न, DOM नोडहरू, ब्ल्याक बक्सिङ बाह्य स्रोतहरू, र अरु धेरै निरीक्षण गर्न अनुमति दिन्छ। जस्तो निरीक्षकसँगको मामला हो, यो फिचरले रिमोट डिबगिङलाई पनि समर्थन गर्दछ। किबोर्ड सर्टकट: म्याक ओएस एक्स ( ALT (विकल्प) + COMMAND + S ), विन्डोज ( CTRL + SHIFT + S)
   स्टाइल सम्पादक: तपाईंलाई नयाँ शैली पाना सिर्जना गर्न र सक्रिय वेब पृष्ठको साथमा सामेल गराउन अनुमति दिन्छ, वा अवस्थित पानाहरू सम्पादन गर्नुहोस् र केवल एक क्लिकमा ब्राउजरमा तपाईंको परिवर्तन कसरी प्रस्तुत गर्ने भनेर परीक्षण गर्नुहोस्। कीबोर्ड सर्टकट: म्याक ओएस एक्स, विन्डोज ( SHIFT + F7 )
   प्रदर्शन: सक्रिय पृष्ठको सञ्जाल प्रदर्शन, फ्रेम दर डेटा, जाभास्क्रिप्ट निष्पादन समय र अवस्था, चित्रकारी चमक, र धेरै थप विस्तृत ब्रेकडाउन प्रदान गर्दछ। किबोर्ड सर्टकट: म्याक ओएस एक्स, विन्डोज ( SHIFT + F5 )
   सञ्जाल: ब्राउजर द्वारा प्रत्येक नेटवर्क अनुरोध प्रारम्भ गरिएको विधिसँग सम्बन्धित विधि, मूल डोमेन, प्रकार, साइज, र समय बित्यो। किबोर्ड सर्टकट: म्याक ओएस एक्स ( ALT (विकल्प) + COMMAND + क्यू ), विन्डोज ( CTRL + SHIFT + Q )
   विकासकर्ता उपकरणपट्टी: एक अन्तरक्रियात्मक कमान लाइन हस्तक्षेप खोल्छ। सबै उपलब्ध आदेशहरू र तिनीहरूको उचित सिन्ट्याक्सको सूचीको लागि अनुवादकमा मद्दत प्रविष्ट गर्नुहोस्। कीबोर्ड सर्टकट: म्याक ओएस एक्स, विन्डोज ( SHIFT + F2 )
   WebIDE: फायरफक्स ओएस वा फायरफक्स ओएस सिमुलेटर मार्फत चलिरहेको एक वास्तविक उपकरण मार्फत वेब अनुप्रयोगहरू सिर्जना गर्न र कार्यान्वयन गर्ने क्षमता प्रदान गर्दछ। कीबोर्ड सर्टकट: म्याक ओएस एक्स, विन्डोज ( SHIFT + F8 )
   ब्राउजर कन्सोल: समान कार्यक्षमता प्रदान गर्दछ वेब कन्सोल (माथि हेर्नुहोस्)। तथापि, सबै डेटा फर्काइएको सम्पूर्ण फायरफक्स अनुप्रयोग ( विस्तार र ब्राउजर स्तरको कार्य सहित) को लागि मात्र सक्रिय वेब पृष्ठको विरोधको रूपमा हो। कीबोर्ड शर्टकट: म्याक ओएस एक्स ( SHIFT + COMMAND + J ), विन्डोज ( CTRL + SHIFT + J )
   उत्तरदायी डिजाइन दृश्य: तपाईंलाई वेब पृष्ठ को विभिन्न प्रस्तावहरु, लेआउटहरू, र स्क्रिन आकारहरूमा तुरुन्तै ट्याब्लेट्स र स्मार्टफोन्स सहित एकाधिक यन्त्रहरू नकल गर्न हेर्न अनुमति दिन्छ। कीबोर्ड सर्टकट: म्याक ओएस एक्स ( ALT (विकल्प) + COMMAND + एम ), विन्डोज ( CTRL + SHIFT + M )
   Eyedropper: व्यक्तिगत रूपमा चयन गरिएको पिक्सेलको लागि हेक्स रङ कोड प्रदर्शन गर्दछ।
   स्क्रैचप्याड : तपाइँले पप-आउट फायरफक्स विन्डो भित्रबाट जाभास्क्रिप्ट कोडको स्निपेटहरू लेख्नुहुन्छ, सम्पादन गर्नुहोस्, मिलाउनुहोस् र कार्यान्वयन गर्नुहोस्। कीबोर्ड सर्टकट: म्याक ओएस एक्स, विन्डोज ( SHIFT + F4 )
   पृष्ठ स्रोत: मूल ब्राउजर आधारित विकासकर्ता उपकरण, यो विकल्पले केवल सक्रिय पृष्ठको लागि उपलब्ध स्रोत कोड देखाउँछ। कीबोर्ड सर्टकट: म्याक ओएस एक्स ( COMMAND + यू ), विन्डोज ( CTRL + U )
   थप उपकरणहरू पाउनुहोस्: मोजिलाको आधिकारिक एड-अन साइटमा वेब विकासकर्ताको उपकरणबक्स संग्रह खोल्छ, जसको बारेमा दर्जन लोकप्रिय विस्तारहरू जस्तै Firebug र Greasemonkey।

माइक्रोसफ्ट एज / इन्टरनेट एक्सप्लोरर

सामान्यतया F12 विकासकर्ता उपकरणहरूको रूपमा उल्लेख गरिएको छ, किबोर्ड सर्टकटमा एक श्रृङ्गार जसले इन्टरनेट एक्सप्लोररको अघिल्लो संस्करणहरूबाट इन्टरफेस सुरू गरेको छ, IE11 र माइक्रोसफ्ट एजमा भित्री उपकरणसेट यसको शुरुवात पछि धेरै लामो समूहको प्रस्ताव गरेर लामो समय आएको छ। मनिटरहरू, डिबगर्सहरू, इमुलेटरहरू, र अन-फ्लाई कम्पाइलरहरू।

1. अधिक कार्य मेनुमा क्लिक गर्नुहोस्, तीनवटा डटहरू द्वारा प्रतिनिधित्व गरी ब्राउजर विन्डोको माथिल्लो दाँया-हाने कोनेमा स्थित। जब ड्रप-डाउन मेनु देखिन्छ, F12 विकासकर्ता उपकरण लेबल गरिएको विकल्प छान्नुहोस्। जस्तै मैले पहिले नै उल्लेख गरें, तपाईं F12 किबोर्ड शर्टकट मार्फत उपकरणहरू पनि पहुँच गर्न सक्नुहुनेछ।
2. विकास इन्टरफेस अब प्रदर्शन गरिनु पर्छ, सामान्यतया ब्राउजर सञ्झ्यालको तल। निम्न उपकरणहरू उपलब्ध छन्, प्रत्येक सम्बन्धित ट्याब हेडिंग वा साथ किबोर्ड सर्टकट प्रयोग गरेर प्रत्येक पहुँच योग्य छन्।
   डोम एक्सप्लोरर: तपाइँले सक्रिय पृष्ठमा स्टाइलसिटहरू र एचटीएमएल सम्पादन गर्न अनुमति दिन्छ, परिमार्जित नतिजाहरू प्रतिपादन गर्दा तपाईं जानुहुन्छ। जहाँ लागू हुन्छ स्वत: पूर्ण कोडमा IntelliSense प्रकार्यतालाई प्रयोग गर्दछ। कीबोर्ड शर्टकट: (CTRL + 1)
   कंसोल: काउन्टर, टाइमर, ट्रेस र अनुकूलित सन्देशहरू सहित डिबगिङ जानकारी पेश गर्ने क्षमता प्रदान गर्दछ। साथै, तपाईं कोड सक्रिय सक्रिय पृष्ठमा इन्जेक्स गर्न र वास्तविक समयमा व्यक्तिगत चरको लागि निर्दिष्ट मानहरू परिमार्जन गर्न दिन्छ। किबोर्ड शर्टकट: (CTRL + 2)
   डिबगर: तपाईले ब्रेकस्पटहरू सेट गर्न दिन्छ र तपाईंको कोड डिबग गर्दा यसलाई कार्यान्वयन गर्दछ, आवश्यक रेखा द्वारा लाइन। कीबोर्ड शर्टकट: (CTRL + 3)
   सञ्जाल: ब्राउजर द्वारा प्रत्येक सञ्जाल अनुरोध सूचीमा पृष्ठ लोड र प्रोटोकॉल विवरण, सामग्री प्रकार, ब्यान्डविड्थ उपयोग, र अधिक सहित सहित शुरुवात सूचीबद्ध गर्दछ। कीबोर्ड शर्टकट: (CTRL + 4)
   प्रदर्शन: विवरण फ्रेम दरहरू, सीपीयू उपयोग, र अन्य प्रदर्शन-सम्बन्धी मेट्रिक्सले तपाईले पृष्ठ लोड समय र अन्य क्रियाकलापहरू गति गर्न मद्दत गर्न मद्दत गर्दछ। कीबोर्ड शर्टकट: (CTRL + 5)
   मेमोरी: तपाइँले हालको वेब पेजमा सम्भावित मेमोरी लीकहरू फरक पार्नु र सही समयको अंतरालबाट स्न्यापशटहरूसँग मेमोरी प्रयोग टाइमलाइन प्रदर्शन गरेर मद्दत पुर्याउनुहुन्छ। कीबोर्ड शर्टकट: (CTRL + 6)
   इम्युलेशन: सक्रिय पृष्ठले विभिन्न प्रस्तावहरू र स्क्रिन आकारहरू, स्मार्टफोन्स, ट्याब्लेट्स, र अन्य यन्त्रहरूमा इमेज गर्ने कसरी देखाउँछ भनेर देखाउँदछ। प्रयोगकर्ता एजेंट र पृष्ठ अभिविन्यास परिमार्जन गर्न क्षमता प्रदान गर्दछ, साथै अक्षांश र देशान्तरणमा प्रवेश गरेर विभिन्न भौगोलिकेशन अनुकरण गर्दछ। कीबोर्ड शर्टकट: (CTRL + 7)
3. अन्य कुनै पनि उपकरण भित्रको कन्सोल प्रदर्शन गर्नको लागि वर्ग बटन यसको भित्र दायाँ कोष्ठकसँग क्लिक गर्नुहोस्, विकास उपकरण इन्टरफेसको माथिल्लो दाहिने हातमा स्थित।
4. अनलक गर्न, विकासकर्ता उपकरण इन्टरफेस हो त्यसैले यो फरक विन्डो हुन्छ, दुई क्यासिंगिङ आयतले प्रतिनिधित्व गरेको बटनमा क्लिक गर्नुहोस् वा निम्न किबोर्ड सर्टकट प्रयोग गर्नुहोस्: CTRL + P। तपाइँ उपकरणहरू आफ्नो वास्तविक स्थानमा पछाडि CTRL + P दोस्रो पटक थिच्न सक्नुहुन्छ।

एप्पल सफारी (ओएस एक्स मात्र)

सफारीको विविध देव उपकरणले ठूलो विकासकर्ता समुदायलाई प्रतिबिम्बित गर्दछ जुन म्याकले उनीहरूका डिजाइन र प्रोग्रामिङ आवश्यकताहरूको लागि प्रयोग गर्दछ। एक शक्तिशाली कन्सोल र परम्परागत लगिङ र डिबगिङ सुविधाहरूको अतिरिक्त, एक सजिलो प्रयोग उत्तरदायी डिजाईन मोड र तपाईको ब्राउजर एक्सटेन्सन सिर्जना गर्न एउटा उपकरण पनि प्रदान गरिएको छ।

1. ब्राउजर मेनुमा सफारीमा क्लिक गर्नुहोस्, तपाईंको पर्दाको माथि स्थित। जब ड्रप-डाउन मेनु देखिन्छ, प्राथमिकताहरू चयन गर्नुहोस्। तपाईं यस मेनु वस्तुको स्थानमा निम्न किबोर्ड सर्टकट पनि प्रयोग गर्न सक्नुहुन्छ: COMMAND + COMMA (,)
2. सफारीको प्राथमिकता इन्टरफेस अब प्रदर्शन गरिनु पर्छ, तपाईको ब्राउजर विन्डो ओवरले गर्नु पर्छ। हेराइको दाँया-दाँया छेउमा अवस्थित उन्नत आइकनमा क्लिक गर्नुहोस्।
3. उन्नत प्राथमिकताहरू अब दृश्यात्मक हुनुपर्छ। यो पर्दाको तलमा एउटा विकल्प लेबल गरिएको छ जुन चेक बाकसमा मेनु पट्टीमा विकास मेनु देखाउनुहोस् । यदि बक्समा कुनै चेक चिन्ह देखाइएको छैन भने त्यहाँ एकै ठाउँमा राख्न क्लिक गर्नुहोस्।
4. माथिल्लो बायाँ-हात कुनामा भेटिएको रातो 'x' मा क्लिक गरेर प्राथमिकता इन्टरफेस बन्द गर्नुहोस्।
5. तपाईले अब बुकमार्क ब्राउजर मेनुमा बुकमार्क र विन्डो बीच अवस्थित एक नयाँ विकल्पलाई ध्यान दिनुपर्छ। यो मेनु वस्तुमा क्लिक गर्नुहोस्। ड्रप-डाउन मेनु अब प्रदर्शन गरिएको हुनुपर्छ, निम्न विकल्पहरू समावेश गर्नुपर्छ।
   यस पृष्ठसँग खोल्नुहोस्: तपाईले म्याकमा स्थापित अन्य ब्राउजर मध्ये एकमा सक्रिय वेब पृष्ठ खोल्न अनुमति दिन्छ।
   प्रयोगकर्ता एजेंट: तपाइँ क्रोम, फायरफक्स र इन्टरनेट एक्सप्लोररका धेरै संस्करणहरू साथै साथै तपाईंको आफ्नै अनुकूल स्ट्रिङ परिभाषित सहित एक दर्जन भन्दा पूर्व परिभाषित प्रयोगकर्ता एजेन्ट मानहरू चयन गर्नुहुन्छ।
   उत्तरदायी डिजाइन मोड प्रविष्ट गर्नुहोस् : हालको पृष्ठलाई रेन्डर गर्छ किनभने यो विभिन्न यन्त्रहरूमा र फरक स्क्रिन रिजोल्युसनहरूमा देखा पर्छ।
   वेब निरीक्षक देखाउनुहोस्: सफारीका देव उपकरणहरूको लागि मुख्य इन्टरफेस सुरुवात गर्दछ, सामान्यतया तपाईंको ब्राउजर स्क्रिनको तल र तलका सेक्सनहरू समावेश गरिएको छ: तत्वहरू , सञ्जाल , संसाधनहरू , समयरेखाहरू , डिबगर , भण्डारण , कन्सोल ।
   त्रुटि कन्सोल देखाउनुहोस्: साथै Dev उपकरण इन्टरफेस, सीधै ट्याब्लेट कन्सोल ट्याबमा सुरू गर्दछ जुन त्रुटिहरू, चेतावनीहरू, र अन्य खोजी लग डाटा प्रदर्शन गर्दछ।
   पृष्ठ स्रोत देखाउनुहोस्: संसाधन ट्याब, जो कागजात द्वारा वर्गीकृत सक्रिय पृष्ठ को स्रोत स्रोत को प्रदर्शित गर्दछ।
   पृष्ठ स्रोतहरू देखाउनुहोस्: पृष्ठ स्रोत विकल्पको रूपमा एउटै कार्य प्रदर्शन गर्दछ।
   देखाउनुहोस् स्निपेट सम्पादक: नयाँ सञ्झ्याल खोल्छ जहाँ तपाईं सीएसएस र एचटीएमएल कोड प्रविष्ट गर्न सक्नुहुन्छ, यसको आउटपुट on-the-fly पूर्वावलोकन गर्दै।
   एक्सटेन्सन बिल्डर देखाउनुहोस्: सीएसएस, एचटीएमएल, र जाभास्क्रिप्ट संग सफारी एक्सटेन्सनहरू सिर्जना गर्न वा सम्पादन गर्ने क्षमता प्रदान गर्दछ।
   टाइमलाइन रेकर्डिङ देखाउनुहोस्: टाइमलाइन ट्याब खोल्छ र नेटवर्क अनुरोधहरू, लेआउट र प्रतिपादन जानकारी साथै वास्तविक समयमा जाभास्क्रिप्ट कार्यान्वयन प्रदर्शन सुरु हुन्छ।
   खाली क्यासहरू: हालैका हार्ड क्यास हाल तपाईंको हार्ड ड्राइभमा भण्डारण गरिँदै मेटाउँछ।
   क्यासहरू असक्षम पार्नुहोस्: सफारीबाट क्याशिंगबाट रोक्दछ ताकि सबै सामग्री प्रत्येक पृष्ठ लोडमा सर्भरबाट पुनः प्राप्त हुन्छ।
   छविहरू अक्षम पार्नुहोस्: छविहरू सबै वेब पृष्ठहरूमा प्रतिपादनबाट रोक्छ।
   शैली असक्षम पार्नुहोस्: पृष्ठ लोड भइरहेको सीएसएस गुणहरू बेवास्ता गर्छ।
   जाभास्क्रिप्ट अक्षम पार्नुहोस्: सबै पृष्ठहरूमा जाभास्क्रिप्ट कार्यान्वयन प्रतिबन्धित गर्दछ।
   एक्सटेन्सन असक्षम पार्नुहोस्: सबै स्थापित विस्तारहरू ब्राउजर भित्र चलिरहेको छ।
   साइट-विशेष हैक अक्षम पार्नुहोस्: यदि सफारी सक्रिय वेब पृष्ठको लागि स्पष्ट रूपमा मुद्दा (हरू) को हल गर्न परिमार्जित गरिएको छ, यो विकल्पले यी परिवर्तनहरूलाई ब्लक गर्नेछ ताकि पृष्ठ लोडहरू यो परिमार्जित पहिले पेश हुनेछ।
   स्थानीय फाइल प्रतिबन्धहरू असक्षम पार्नुहोस्: ब्राउजरलाई तपाईंको स्थानीय डिस्कमा फाइलहरूमा पहुँच गर्न अनुमति दिन्छ, सुरक्षा कारणहरूको लागि पूर्वनिर्धारित रूपमा कार्य गरिएको कार्य।
   क्रस-उत्पत्ति प्रतिबन्धहरू असक्षम पार्नुहोस्: XSS र अन्य सम्भावित खतराहरू रोक्नको लागि यी प्रतिबन्धहरू पूर्वनिर्धारित रूपमा राखिएको छ। तथापि, तिनीहरू अक्सर विकास उद्देश्यहरूको लागि अस्थायी रूपमा असक्षम हुन आवश्यक छ।
   स्मार्ट खोज फील्डबाट जाभास्क्रिप्ट अनुमति दिनुहोस्: जब सक्षम भयो, जाभास्क्रिप्ट सहित यूआरएलहरू प्रविष्ट गर्ने क्षमता प्रदान गर्दछ : सिधा निस्क्रिय ठेगाना पट्टीमा।
   SHA-1 प्रमाणपत्रको रूपमा असुरक्षित रूपमा व्यवहार गर्नुहोस्: SHA-1 एल्गोरिथ्मको प्रयोग गरेर SSL प्रमाणपत्रहरू व्यापक रूपमा बाहिरको मिति र कमजोर हुन मानिन्छ।