सफ़ारी में रिस्पॉन्सिव डिज़ाइन मोड को कैसे सक्रिय और उपयोग करें

विषयसूची:

सफ़ारी में रिस्पॉन्सिव डिज़ाइन मोड को कैसे सक्रिय और उपयोग करें
सफ़ारी में रिस्पॉन्सिव डिज़ाइन मोड को कैसे सक्रिय और उपयोग करें
Anonim

क्या पता

  • सक्षम करने के लिए: प्राथमिकताएं > चुनें उन्नत टैब > टॉगल करें मेनू बार में विकास मेनू दिखाएंचालू।
  • उपयोग करने के लिए: सफ़ारी टूलबार में डेवलप करें > रिस्पॉन्सिव डिज़ाइन मोड दर्ज करें चुनें।

यह लेख बताता है कि मैकओएस कैटालिना के माध्यम से ओएस एक्स एल कैपिटन में सफारी 9 के माध्यम से सफारी 9 में उत्तरदायी डिजाइन मोड को कैसे सक्षम किया जाए।

सफ़ारी में उत्तरदायी डिज़ाइन मोड को कैसे सक्षम करें

सफ़ारी उत्तरदायी डिज़ाइन मोड को सक्षम करने के लिए, अन्य सफ़ारी डेवलपर टूल के साथ:

  1. सफारी मेनू पर जाएं और प्राथमिकताएं चुनें।

    प्राथमिकताएं जल्दी से एक्सेस करने के लिए कमांड+ , (अल्पविराम) दबाएं।

  2. वरीयताएँ संवाद बॉक्स में, उन्नत टैब चुनें।

    Image
    Image
  3. संवाद बॉक्स के निचले भाग में, मेनू बार में विकास मेनू दिखाएँ चेक बॉक्स का चयन करें।

    Image
    Image
  4. अब आप शीर्ष सफारी मेनू बार में विकास देखेंगे।

    Image
    Image
  5. सफारी टूलबार में डेवलप करें > रिस्पॉन्सिव डिज़ाइन मोड दर्ज करें चुनें।

    कीबोर्ड शॉर्टकट दबाएं विकल्प+ कमांड+ R जल्दी से रिस्पॉन्सिव डिजाइन मोड में प्रवेश करने के लिए.

    Image
    Image
  6. सक्रिय वेब पेज रिस्पॉन्सिव डिज़ाइन मोड में प्रदर्शित होता है। पृष्ठ के शीर्ष पर, यह देखने के लिए कि पृष्ठ कैसे प्रस्तुत होगा, कोई iOS डिवाइस या स्क्रीन रिज़ॉल्यूशन चुनें।

    Image
    Image
  7. वैकल्पिक रूप से, रिज़ॉल्यूशन आइकन के ऊपर ड्रॉप-डाउन मेनू का उपयोग करके देखें कि आपका वेब पेज विभिन्न प्लेटफार्मों में कैसे प्रस्तुत होगा।

    Image
    Image

Safari Developer Tools

रिस्पॉन्सिव डिज़ाइन मोड के अलावा, Safari Develop मेनू अन्य उपयोगी विकल्प प्रदान करता है।

Image
Image

के साथ पेज खोलें

Mac पर वर्तमान में स्थापित किसी भी ब्राउज़र में सक्रिय वेब पेज खोलता है।

उपयोगकर्ता एजेंट

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

वेब इंस्पेक्टर दिखाएँ

सीएसएस जानकारी और डोम मेट्रिक्स सहित वेब पेज के सभी संसाधनों को प्रदर्शित करता है।

त्रुटि कंसोल दिखाएं

जावास्क्रिप्ट, एचटीएमएल, और एक्सएमएल त्रुटियों और चेतावनियों को प्रदर्शित करता है।

पेज स्रोत दिखाएं

आपको सक्रिय वेब पेज के लिए सोर्स कोड देखने देता है और पेज की सामग्री को खोजने देता है।

पेज संसाधन दिखाएं

वर्तमान पृष्ठ से दस्तावेज़, स्क्रिप्ट, सीएसएस और अन्य संसाधन प्रदर्शित करता है।

स्निपेट संपादक दिखाएं

आपको कोड के अंशों को संपादित और निष्पादित करने देता है। यह सुविधा परीक्षण के दृष्टिकोण से उपयोगी है।

एक्सटेंशन बिल्डर दिखाएं

अपने कोड को तदनुसार पैकेजिंग करके और मेटाडेटा जोड़कर सफारी एक्सटेंशन बनाने में आपकी सहायता करता है।

टाइमलाइन रिकॉर्डिंग शुरू करें

आपको वेबकिट इंस्पेक्टर के भीतर नेटवर्क अनुरोध, जावास्क्रिप्ट निष्पादन, पेज रेंडरिंग और अन्य घटनाओं को रिकॉर्ड करने देता है।

खाली कैश

सफ़ारी के भीतर सभी संग्रहीत कैश हटाता है, न केवल मानक वेबसाइट कैश फ़ाइलें।

कैश अक्षम करें

कैशिंग अक्षम होने पर, स्थानीय कैश का उपयोग करने के बजाय हर बार एक्सेस अनुरोध किए जाने पर वेबसाइट से संसाधन डाउनलोड किए जाते हैं।

स्मार्ट सर्च फील्ड से जावास्क्रिप्ट को अनुमति दें

सुरक्षा कारणों से डिफ़ॉल्ट रूप से अक्षम, यह सुविधा आपको सफारी एड्रेस बार में जावास्क्रिप्ट युक्त URL दर्ज करने की अनुमति देती है।

सिफारिश की: