वेब ब्राउज़र डेवलपर टूल का उपयोग कैसे करें

विषयसूची:

वेब ब्राउज़र डेवलपर टूल का उपयोग कैसे करें
वेब ब्राउज़र डेवलपर टूल का उपयोग कैसे करें
Anonim

वेब पर सर्फ करने के लिए देख रहे रोजमर्रा के उपयोगकर्ता पर ध्यान केंद्रित करने वाले अधिकांश ब्राउज़र निर्माताओं के अलावा, वे वेब डेवलपर्स, डिजाइनरों और गुणवत्ता आश्वासन पेशेवरों को भी पूरा करते हैं जो उन ऐप्स और साइटों को बनाने में मदद करते हैं जिन्हें वे उपयोगकर्ता शक्तिशाली एकीकृत करके एक्सेस कर रहे हैं। उपकरण सीधे ब्राउज़र में ही।

वे दिन गए जब एक ब्राउज़र में पाए जाने वाले केवल प्रोग्रामिंग और परीक्षण उपकरण आपको किसी पृष्ठ के स्रोत कोड को देखने की अनुमति देते थे और इससे अधिक कुछ नहीं। आज के ब्राउज़र आपको जावास्क्रिप्ट स्निपेट को निष्पादित और डिबग करने, DOM तत्वों का निरीक्षण और संपादन करने, बाधाओं की पहचान करने के लिए आपके ऐप या पेज लोड होने पर रीयल-टाइम नेटवर्क ट्रैफ़िक की निगरानी करने, CSS प्रदर्शन का विश्लेषण करने, यह सुनिश्चित करने के लिए कि आपका कोड है बहुत अधिक मेमोरी या बहुत अधिक CPU चक्रों का उपयोग नहीं करना, और भी बहुत कुछ।

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

नीचे दिए गए ट्यूटोरियल आपको बताते हैं कि इन डेवलपर टूल को कई लोकप्रिय वेब ब्राउज़र में कैसे एक्सेस किया जाए।

गूगल क्रोम

Chrome डेवलपर टूल आपको कोड संपादित करने और डीबग करने, प्रदर्शन समस्याओं को उजागर करने के लिए अलग-अलग घटकों का ऑडिट करने, Android या iOS चलाने वाले डिवाइस सहित विभिन्न डिवाइस स्क्रीन का अनुकरण करने और कई अन्य उपयोगी कार्य करने की अनुमति देते हैं।

  1. क्रोम का मेन मेन्यू चुनें, जो तीन क्षैतिज रेखाओं से चिह्नित है और ब्राउज़र के ऊपरी दाएं कोने में स्थित है।
  2. जब ड्रॉप-डाउन मेनू दिखाई दे, तो अपने माउस कर्सर को अधिक टूल विकल्प पर होवर करें।

    Image
    Image
  3. अब एक सब-मेन्यू दिखाई देना चाहिए। डेवलपर टूल लेबल वाले विकल्प का चयन करें। आप इस मेनू आइटम के स्थान पर निम्न कीबोर्ड शॉर्टकट का भी उपयोग कर सकते हैं: Chrome OS/Windows (CTRL+SHIFT+I), Mac OS X (ALT(विकल्प) +कमांड+मैं)

    Image
    Image
  4. Chrome Developer Tools इंटरफ़ेस अब प्रदर्शित होना चाहिए, जैसा कि इस उदाहरण स्क्रीनशॉट में दिखाया गया है। आपके Chrome के संस्करण के आधार पर, आपको दिखाई देने वाला प्रारंभिक लेआउट यहां प्रस्तुत किए गए लेआउट से थोड़ा भिन्न हो सकता है। डेवलपर टूल का मुख्य हब, जो आमतौर पर स्क्रीन के नीचे या दाईं ओर स्थित होता है, में निम्न टैब होते हैं।
  5. इन अनुभागों के अलावा, आप >> आइकन के माध्यम से भी निम्नलिखित टूल तक पहुंच सकते हैं, जो प्रदर्शन के दाईं ओर स्थित है। टैब.

    • मेमोरी: वेब पेज पर मेमोरी उपयोग की निगरानी और रिकॉर्ड करें। आप देख सकते हैं कि आपकी साइट पर जावास्क्रिप्ट कितना भारी है।
    • सुरक्षा: सक्रिय पृष्ठ या एप्लिकेशन के साथ प्रमाणपत्र समस्याओं और अन्य सुरक्षा संबंधी मुद्दों को हाइलाइट करता है।
    • आवेदन: वेब एप्लिकेशन द्वारा उपयोग किए जा रहे संसाधनों का निरीक्षण करें। उपयोग की जा रही चीज़ों का पूर्ण विश्लेषण प्राप्त करें।
    • ऑडिट: किसी पृष्ठ या एप्लिकेशन के लोड समय और सामान्य प्रदर्शन को अनुकूलित करने के तरीके प्रदान करता है।
    Image
    Image
  6. डिवाइस मोड आपको एक सिम्युलेटर में सक्रिय पृष्ठ देखने की अनुमति देता है जो इसे लगभग उसी तरह प्रस्तुत करता है जैसे यह कई प्रसिद्ध एंड्रॉइड सहित एक दर्जन से अधिक उपकरणों में से एक पर दिखाई देगा। और आईओएस मॉडल जैसे आईपैड, आईफोन और सैमसंग गैलेक्सी। आपको अपने विशेष विकास या परीक्षण आवश्यकताओं के अनुरूप कस्टम स्क्रीन रिज़ॉल्यूशन का अनुकरण करने की क्षमता भी दी जाती है।

    डिवाइस मोड को चालू और बंद करने के लिए, के बाईं ओर सीधे स्थित मोबाइल फोन आइकन चुनें तत्व टैब।

    Image
    Image
  7. आप पहले मेनू बटन का चयन करके अपने डेवलपर टूल के रंगरूप को भी अनुकूलित कर सकते हैं तीन लंबवत-स्थित बिंदुओं द्वारा दर्शाया गया और उपरोक्त टैब के सबसे दाहिनी ओर स्थित है।

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

    Image
    Image

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

फ़ायरफ़ॉक्स के वेब डेवलपर सेक्शन में डिज़ाइनर, डेवलपर और टेस्टर के लिए स्टाइल एडिटर और पिक्सेल-टारगेटिंग आईड्रॉपर जैसे टूल शामिल हैं।

  1. फ़ायरफ़ॉक्स का मुख्य मेनू चुनें, जिसे तीन क्षैतिज रेखाओं द्वारा दर्शाया गया है और ब्राउज़र विंडो के ऊपरी दाएं कोने में स्थित है।
  2. ड्रॉप-डाउन मेनू दिखाई देने पर, वेब डेवलपर चुनें।

    Image
    Image
  3. वेब डेवलपर मेनू अब प्रदर्शित होना चाहिए, जिसमें निम्नलिखित विकल्प होंगे। आप देखेंगे कि अधिकांश मेनू आइटम में उनके साथ जुड़े कीबोर्ड शॉर्टकट होते हैं।

    • टॉगल टूल: डेवलपर टूल इंटरफ़ेस को प्रदर्शित या छुपाता है, जो आमतौर पर ब्राउज़र विंडो के नीचे स्थित होता है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स (ALT(OPTION)+COMMAND+I), विंडोज (CTRL+SHIFT+I)
    • इंस्पेक्टर: आपको रिमोट डिबगिंग के माध्यम से सक्रिय पृष्ठ के साथ-साथ पोर्टेबल डिवाइस पर सीएसएस और एचटीएमएल कोड का निरीक्षण और/या ट्विक करने की अनुमति देता है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स (ALT(विकल्प)+कमांड+सी), विंडोज (CTRL+SHIFT+C)
    • वेब कंसोल: आपको सक्रिय पृष्ठ के भीतर जावास्क्रिप्ट अभिव्यक्तियों को निष्पादित करने के साथ-साथ सुरक्षा चेतावनियों, नेटवर्क अनुरोधों, सीएसएस संदेशों और अधिक सहित लॉग डेटा के विविध सेट की समीक्षा करने की अनुमति देता है।. कीबोर्ड शॉर्टकट: मैक ओएस एक्स (ALT(OPTION)+COMMAND+K), विंडोज (CTRL+SHIFT+K)
    • डीबगर: जावास्क्रिप्ट डीबगर आपको ब्रेकप्वाइंट सेट करके, DOM नोड्स का निरीक्षण करके, ब्लैक बॉक्सिंग बाहरी स्रोतों और बहुत कुछ करके दोषों को ठीक करने देता है। जैसा कि निरीक्षक के मामले में होता है, यह सुविधा दूरस्थ डीबगिंग का भी समर्थन करती है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स (ALT(विकल्प)+कमांड+एस), विंडोज (CTRL+SHIFT+S)
    • शैली संपादक: आपको नई स्टाइलशीट बनाने और उन्हें सक्रिय वेब पेज के साथ शामिल करने की अनुमति देता है, या मौजूदा शीट को संपादित करता है और परीक्षण करता है कि आपके परिवर्तन केवल एक क्लिक के साथ ब्राउज़र में कैसे प्रस्तुत होते हैं. कीबोर्ड शॉर्टकट: मैक ओएस एक्स, विंडोज (SHIFT+F7)
    • प्रदर्शन: सक्रिय पृष्ठ के नेटवर्क प्रदर्शन, फ्रेम दर डेटा, जावास्क्रिप्ट निष्पादन समय और स्थिति, पेंट फ्लैशिंग, और बहुत कुछ का विस्तृत विश्लेषण प्रदान करता है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स, विंडोज (SHIFT+F5)
    • नेटवर्क: ब्राउज़र द्वारा शुरू किए गए प्रत्येक नेटवर्क अनुरोध को संबंधित विधि, मूल डोमेन, प्रकार, आकार और बीता हुआ समय के साथ सूचीबद्ध करता है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स (ALT(विकल्प)+कमांड+क्यू), विंडोज (CTRL+SHIFT+Q)
    • भंडारण निरीक्षक: एक वेबसाइट द्वारा संग्रहीत किए जा रहे कैश और कुकीज़ पर एक नज़र डालें। कीबोर्ड शॉर्टकट: (SHIFT+F9)
    • डेवलपर टूलबार: एक इंटरैक्टिव कमांड लाइन दुभाषिया खोलता है। सभी उपलब्ध कमांड और उनके उचित सिंटैक्स की सूची के लिए दुभाषिया में मदद दर्ज करें। कीबोर्ड शॉर्टकट: मैक ओएस एक्स, विंडोज़ (SHIFT+F2)
    • वेबाइड: फ़ायरफ़ॉक्स ओएस चलाने वाले वास्तविक डिवाइस या फ़ायरफ़ॉक्स ओएस सिम्युलेटर के माध्यम से वेब ऐप्स बनाने और निष्पादित करने की क्षमता प्रदान करता है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स, विंडोज (SHIFT+F8)
    • ब्राउज़र कंसोल: वेब कंसोल के समान कार्यक्षमता प्रदान करता है (ऊपर देखें)।हालांकि, लौटाया गया सभी डेटा केवल सक्रिय वेब पेज के विपरीत संपूर्ण फ़ायरफ़ॉक्स एप्लिकेशन (एक्सटेंशन और ब्राउज़र-स्तरीय फ़ंक्शंस सहित) के लिए है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स (SHIFT+COMMAND+J), विंडोज (CTRL+SHIFT+J)
    • रिस्पॉन्सिव डिज़ाइन व्यू: आपको टैबलेट और स्मार्टफोन सहित कई उपकरणों की नकल करने के लिए विभिन्न रिज़ॉल्यूशन, लेआउट और स्क्रीन आकारों में एक वेब पेज को तुरंत देखने की अनुमति देता है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स (ALT(विकल्प)+कमांड+एम), विंडोज (CTRL+SHIFT+M)
    • आईड्रॉपर: व्यक्तिगत रूप से चयनित पिक्सल के लिए हेक्स रंग कोड प्रदर्शित करता है।
    • स्क्रैचपैड: स्क्रैचपैड आपको एक पॉप-आउट फ़ायरफ़ॉक्स विंडो के भीतर से जावास्क्रिप्ट कोड के स्निपेट लिखने, संपादित करने, एकीकृत करने और निष्पादित करने देता है। एक इंटरैक्टिव जावास्क्रिप्ट दस्तावेज़ खोलें जो आपको कोड में लिखने और वेबसाइट के विरुद्ध परीक्षण करने देता है। कीबोर्ड शॉर्टकट: (SHIFT+F4)
    • सर्विस वर्कर: डिबग सर्विस वर्कर्स आपका वेब एप्लिकेशन। उनके प्रदर्शन और त्रुटियों के बारे में विस्तृत जानकारी प्राप्त करें।
    • पृष्ठ स्रोत: मूल ब्राउज़र-आधारित डेवलपर टूल, यह विकल्प केवल सक्रिय पृष्ठ के लिए उपलब्ध स्रोत कोड प्रदर्शित करता है। कीबोर्ड शॉर्टकट: मैक ओएस एक्स (COMMAND+U), विंडोज (CTRL+U)
    • अधिक टूल प्राप्त करें: मोज़िला की आधिकारिक ऐड-ऑन साइट पर वेब डेवलपर का टूलबॉक्स संग्रह खोलता है, जिसमें लगभग एक दर्जन लोकप्रिय एक्सटेंशन जैसे फायरबग और ग्रीसमोनकी के रूप में।
    Image
    Image

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

आमतौर पर F12 डेवलपर टूल्स के रूप में जाना जाता है, कीबोर्ड शॉर्टकट के लिए एक श्रद्धांजलि जिसने इंटरनेट एक्सप्लोरर के पुराने संस्करणों के बाद से इंटरफ़ेस लॉन्च किया है, IE11 और Microsoft Edge में देव टूलसेट मॉनिटर, डिबगर्स, एमुलेटर, और ऑन-द-फ्लाई कंपाइलर्स के एक बहुत ही आसान समूह की पेशकश करके अपनी स्थापना के बाद से एक लंबा सफर तय किया है।

Microsoft अब इंटरनेट एक्सप्लोरर का समर्थन नहीं करता है और अनुशंसा करता है कि आप नए एज ब्राउज़र में अपडेट करें। नवीनतम संस्करण डाउनलोड करने के लिए उनकी साइट पर जाएं।

  1. चुनें अधिक क्रियाएं, तीन बिंदुओं द्वारा प्रदर्शित और ब्राउज़र विंडो के ऊपरी दाएं कोने में स्थित है।

    Image
    Image
  2. जब ड्रॉप-डाउन मेनू दिखाई दे, तो डेवलपर टूल लेबल वाले विकल्प का चयन करें।

    Image
    Image
  3. विकास इंटरफ़ेस अब प्रदर्शित होना चाहिए, आमतौर पर ब्राउज़र विंडो के नीचे। निम्नलिखित टूल उपलब्ध हैं, जिनमें से प्रत्येक को उनके संबंधित टैब शीर्षक पर क्लिक करके या साथ में दिए गए कीबोर्ड शॉर्टकट का उपयोग करके एक्सेस किया जा सकता है।

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

    Image
    Image
  5. डेवलपर टूल इंटरफ़ेस को अनडॉक करने के लिए ताकि यह एक अलग विंडो बन जाए, दो कैस्केडिंग आयतों का चयन करें या निम्न कीबोर्ड शॉर्टकट का उपयोग करें: CTRL+P । आप दूसरी बार CTRL+P दबाकर टूल को उनके मूल स्थान पर वापस रख सकते हैं।

    Image
    Image

एप्पल सफारी (केवल मैक)

Safari का विविध देव टूलसेट बड़े डेवलपर समुदाय को दर्शाता है जो अपने डिज़ाइन और प्रोग्रामिंग आवश्यकताओं के लिए Mac का उपयोग करता है। एक शक्तिशाली कंसोल और पारंपरिक लॉगिंग और डिबगिंग सुविधाओं के अलावा, उपयोग में आसान उत्तरदायी डिज़ाइन मोड और अपने ब्राउज़र एक्सटेंशन बनाने के लिए एक टूल भी प्रदान किया जाता है।

  1. अपनी स्क्रीन के शीर्ष पर स्थित ब्राउज़र मेनू में

    Safari चुनें। जब ड्रॉप-डाउन मेनू दिखाई दे, तो वरीयताएँ चुनें। आप इस मेनू आइटम के स्थान पर निम्न कीबोर्ड शॉर्टकट का भी उपयोग कर सकते हैं: COMMAND+COMMA(,)

    Image
    Image
  2. सफारी का प्राथमिकताएं इंटरफ़ेस अब आपकी ब्राउज़र विंडो को ओवरले करते हुए प्रदर्शित किया जाना चाहिए। शीर्षलेख के दाईं ओर स्थित उन्नत आइकन चुनें।

    Image
    Image
  3. उन्नत प्राथमिकताएं अब दिखाई देनी चाहिए। इस स्क्रीन के निचले भाग में एक चेकबॉक्स के साथ मेनू बार में दिखाएँ मेनू लेबल वाला एक विकल्प है। यदि बॉक्स में कोई चेकमार्क नहीं दिखाया गया है, तो वहां एक बार चेकमार्क लगाने के लिए उस पर क्लिक करें।

    Image
    Image
  4. वरीयताएँ इंटरफ़ेस बंद करें।
  5. अब आपको ब्राउज़र मेनू में Develop नाम का एक नया विकल्प दिखाई देना चाहिए, जो बुकमार्क और विंडो के बीच स्थित है। इस मेनू आइटम पर क्लिक करें। अब एक ड्रॉप-डाउन मेनू प्रदर्शित होना चाहिए, जिसमें निम्नलिखित विकल्प हों।

    • के साथ पृष्ठ खोलें: आपको अपने मैक पर वर्तमान में स्थापित अन्य ब्राउज़रों में से एक में सक्रिय वेब पेज खोलने की अनुमति देता है।
    • उपयोगकर्ता एजेंट: आपको क्रोम, फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर के कई संस्करणों सहित एक दर्जन से अधिक पूर्व-निर्धारित उपयोगकर्ता एजेंट मूल्यों का चयन करने देता है, साथ ही अपने स्वयं के कस्टम को परिभाषित करता है स्ट्रिंग।
    • रिस्पॉन्सिव डिज़ाइन मोड दर्ज करें: वर्तमान पृष्ठ को उसी रूप में प्रस्तुत करता है जैसे यह विभिन्न उपकरणों और विभिन्न स्क्रीन रिज़ॉल्यूशन पर दिखाई देगा।
    • वेब इंस्पेक्टर दिखाएँ: सफारी के देव टूल्स के लिए मुख्य इंटरफ़ेस लॉन्च करता है, जो आमतौर पर आपकी ब्राउज़र स्क्रीन के नीचे रखा जाता है और इसमें निम्नलिखित अनुभाग होते हैं: तत्व, नेटवर्क, संसाधन, समयरेखा, डीबगर, संग्रहण, कंसोल.
    • त्रुटि कंसोल दिखाएँ: देव उपकरण इंटरफ़ेस भी लॉन्च करता है, सीधे कंसोल टैब पर जो त्रुटियों, चेतावनियों और अन्य खोजने योग्य प्रदर्शित करता है लॉग डेटा।
    • पृष्ठ दिखाएं स्रोत: संसाधन टैब खोलता है, जो दस्तावेज़ द्वारा वर्गीकृत सक्रिय पृष्ठ के लिए स्रोत कोड प्रदर्शित करता है।
    • पेज संसाधन दिखाएं: शो पेज सोर्स विकल्प के समान कार्य करता है।
    • स्निपेट संपादक दिखाएं: एक नई विंडो खोलता है जहां आप सीएसएस और एचटीएमएल कोड दर्ज कर सकते हैं, इसके आउटपुट का ऑन-द-फ्लाई पूर्वावलोकन कर सकते हैं।
    • एक्सटेंशन बिल्डर दिखाएं: सीएसएस, एचटीएमएल और जावास्क्रिप्ट के साथ सफारी एक्सटेंशन बनाने या संपादित करने की क्षमता प्रदान करता है।
    • टाइमलाइन रिकॉर्डिंग दिखाएं: टाइमलाइन टैब खोलता है और नेटवर्क अनुरोध, लेआउट, और रेंडरिंग जानकारी के साथ-साथ रीयल-टाइम में जावास्क्रिप्ट निष्पादन प्रदर्शित करना शुरू करता है।
    • खाली कैश: वर्तमान में आपकी हार्ड ड्राइव पर संग्रहीत संपूर्ण कैश को हटा देता है।
    • कैश अक्षम करें: सफारी को कैशिंग से रोकता है ताकि प्रत्येक पृष्ठ लोड होने पर सर्वर से सभी सामग्री पुनर्प्राप्त की जा सके।
    • छवियों को अक्षम करें: छवियों को सभी वेब पृष्ठों पर प्रदर्शित होने से रोकता है।
    • शैलियों को अक्षम करें: पृष्ठ लोड होने पर सीएसएस गुणों को अनदेखा करता है।
    • जावास्क्रिप्ट अक्षम करें: सभी पृष्ठों पर जावास्क्रिप्ट निष्पादन को प्रतिबंधित करता है।
    • एक्सटेंशन अक्षम करें: सभी इंस्टॉल किए गए एक्सटेंशन को ब्राउज़र में चलने से रोकता है।
    • साइट-विशिष्ट हैक्स अक्षम करें: यदि सक्रिय वेब पेज के लिए विशिष्ट मुद्दों को स्पष्ट रूप से संभालने के लिए सफारी को संशोधित किया गया है, तो यह विकल्प उन परिवर्तनों को अवरुद्ध कर देगा ताकि पेज लोड होता है जैसा कि इन संशोधनों को पेश किए जाने से पहले होता।
    • स्थानीय फ़ाइल प्रतिबंध अक्षम करें: ब्राउज़र को आपके स्थानीय डिस्क पर फ़ाइलों तक पहुंच की अनुमति देता है, एक क्रिया जो सुरक्षा कारणों से डिफ़ॉल्ट रूप से प्रतिबंधित है।
    • क्रॉस-ओरिजिन प्रतिबंधों को अक्षम करें: ये प्रतिबंध डिफ़ॉल्ट रूप से XSS और अन्य संभावित खतरों को रोकने के लिए लगाए गए हैं। हालांकि, उन्हें अक्सर विकास उद्देश्यों के लिए अस्थायी रूप से अक्षम करने की आवश्यकता होती है।
    • स्मार्ट सर्च फील्ड से जावास्क्रिप्ट को अनुमति दें: सक्षम होने पर, यह जावास्क्रिप्ट के साथ यूआरएल दर्ज करने की क्षमता प्रदान करता है: सीधे एड्रेस बार में शामिल किया जाता है।
    • SHA-1 प्रमाणपत्रों को असुरक्षित मानें: SHA-1 एल्गोरिदम का उपयोग करने वाले SSL प्रमाणपत्रों को व्यापक रूप से पुराना और असुरक्षित माना जाता है।
    Image
    Image

सिफारिश की: