IhsAdke.com

सफारी में फायरबग के समान एक प्रोग्राम कैसे प्राप्त करें

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

चरणों

विधि 1
सफ़ारी का "विकास उपकरण" का उपयोग करना

सफ़ारी चरण 1 पर फायरबग के समान कुछ मिलता है
1
सफ़ारी मेनू बटन पर क्लिक करें और "प्राथमिकताएं" चुनें। इस ब्राउज़र में फायरबग के समान एक विकास टूलकिट शामिल है इन उपकरणों को आपके उपयोग के लिए सक्षम होना चाहिए।
  • सफ़ारी चरण 2 पर फायरबग के समान कुछ मिलता है
    2
    "उन्नत" टैब पर क्लिक करें यह उन्नत सफारी सेटिंग्स प्रदर्शित करेगा।
  • सफारी पर फायरबग के समान कुछ मिलता है
    3
    "मेनू बार से डेवलपर मेनू दिखाएँ" चेक बॉक्स को चुनें। इससे "डेवलपर" मेनू सक्रिय हो जाएगा यह "पसंदीदा" मेनू के बगल में दिखाई देगा
  • सफ़ारी चरण 4 पर फ़ायरबग के समान कुछ मिलता है
    4
    "वेब इंस्पेक्टर" टैब खोलें "वेब इंस्पेक्टर" फायरबग के समान है। आप इसे "डेवलपर" मेनू से खोल सकते हैं आप इसे दबाकर भी खोल सकते हैं कमान+⌥ विकल्प+मैं.
  • सफ़ारी पर फायरबग के समान कुछ मिलता है
    5
    वेबसाइट ऑब्जेक्ट देखने के लिए "संसाधन" विकल्प का उपयोग करें। इसमें शामिल हैं: शैली पत्रक, HTML फ़ाइलें, स्क्रिप्ट, चित्र, आदि। यह "वेब इंस्पेक्टर" का डिफ़ॉल्ट दृश्य है
    • बाएं नेविगेशन बार वर्तमान पृष्ठ के सभी सामग्री फ़ोल्डरों को प्रदर्शित करता है। आवश्यक सुविधाओं पर त्वरित रूप से नेविगेट करने के लिए इन फ़ोल्डर्स का उपयोग करें
    • चयनित विशेषताओं को मुख्य फ्रेम में प्रदर्शित किया जाता है। इसमें, आप वेबसाइट कोड और अन्य फ़ाइलों को देख सकते हैं आप कोड में बदलाव भी कर सकते हैं और स्वयं वेबसाइट पर प्रभाव देख सकते हैं। ये परिवर्तन केवल तभी प्रभावी होंगे जबकि साइट खुली है।
    • डीबग आदेश दर्ज करें और कंसोल का उपयोग करके जावास्क्रिप्ट में वस्तुओं का निरीक्षण करें।
    • सही साइडबार विवरण को वर्तमान चयन में हटा देता है। परिवर्तन वेबसाइट पर वास्तविक समय में प्रदर्शित किए जाएंगे।
  • सफ़ारी चरण 6 पर फ़ायरबग के समान कुछ मिलता है
    6
    साइट गतिविधि देखने के लिए "टाइमलाइन" विकल्प का उपयोग करें। पृष्ठ का उपयोग करते समय सुविधाओं को निकाल दिया जाता है, समयरेखा प्रदर्शित होती हैं आप नेटवर्क अनुरोधों की जांच भी कर सकते हैं और जावास्क्रिप्ट में ईवेंट देख सकते हैं।
    • आप टाइमलाइन विंडो के शीर्ष पर तीन अलग-अलग समय-सीमा देख सकते हैं। प्रत्येक एक अलग श्रेणी का प्रतिनिधित्व करता है।
    • बायां फ्रेम समयरेखा पर होने वाली विभिन्न घटनाओं को दर्शाती है। गतिविधि सूची में प्रत्येक प्रविष्टि को मुख्य विंडो में प्रदर्शित किया जाएगा।
  • सफ़ारी पर फायरबग के लिए कुछ भी मिलता है शीर्षक चित्र
    7
    जावास्क्रिप्ट त्रुटियों को खोजने और ठीक करने के लिए "डिबगर" विकल्प का उपयोग करें यह विकल्प फ़ायरबग में मिलते-जुलते डिबगिंग टूल प्रदान करता है। jаvascript कोड को खोजने और उनका निवारण करने के लिए डीबगर का उपयोग करें आप अपने कोड में ब्रेकपॉइंट सेट कर सकते हैं ताकि पृष्ठ विशिष्ट बिंदुओं पर विराम दें। यह आपको पृष्ठ पर जावास्क्रिप्ट-संबंधित समस्याओं का निवारण करने देता है या यह कैसे काम करता है जानने देता है।
  • सफारी पर फायरबग के समान कुछ मिलता है
    8
    "उपयोगकर्ता एजेंट" को बदलें कई लोग वर्तमान उपयोगकर्ता एजेंट को बदलने के लिए फायरबग का उपयोग करते हैं। यह एजेंट पहचानकर्ता है जो वेबसाइट को बताता है कि कौन सा ब्राउज़र और ऑपरेटिंग सिस्टम उपयोग किया जा रहा है यह वेबसाइटों के मोबाइल संस्करण को डेस्कटॉप कंप्यूटरों में लोड करने, या Windows में इंटरनेट एक्सप्लोरर का उपयोग करके साइट कैसे प्रदर्शित की जाती है यह देखने के लिए बहुत उपयोगी है।
    • "डेवलपर" मेनू पर क्लिक करें और "उपयोगकर्ता एजेंट" चुनें
    • विकल्पों की सूची से वांछित एजेंट का चयन करें आप "अन्य" का चयन करके और अपना कोड दर्ज करके एक कस्टम उपयोगकर्ता एजेंट जोड़ सकते हैं।



  • विधि 2
    फायरबग लाइट का उपयोग करना

    सफ़ारी चरण 9 पर फायरबग के समान कुछ चित्र प्राप्त करें
    1
    फायरबग लाइट वेबसाइट पर जाएं फायरबग लाइट एक ऐसा एक्सटेंशन है जो कुछ बुनियादी फ़ायरबग कार्यों तक पहुंच की अनुमति देता है। यह किसी भी इंटरनेट ब्राउज़र पर काम करता है आप इसे एचटीएमएल और सीएसएस पेजों में रीयल-टाइम बदलाव करने के लिए उपयोग कर सकते हैं। आप कंसोल कमांड और चेक स्क्रिप्ट भी इस्तेमाल कर सकते हैं निम्नलिखित पते पर फायरबग लाइट डाउनलोड करें getfirebug.com/firebuglite.
  • सफारी पर फायरबग के समान कुछ मिलता है
    2
    "स्थिर चैनल" सेक्शन तक स्क्रॉल करें। इस खंड में फायरबग लाइट का सबसे कार्यात्मक और स्थिर संस्करण शामिल है। यदि आप नवीनतम सुविधाओं को आज़माना चाहते हैं, तो "बीटा चैनल" अनुभाग पर नेविगेट करें। बीटा आमतौर पर नियमित संस्करण से कम अस्थिर है।
  • सफ़ारी पर फायरबग के समान कुछ मिलता है चित्र शीर्षक 11
    3
    "फायरबग लाइट" लिंक पर राइट-क्लिक करें दिखाई देने वाले मेनू से "कॉपी पता" चुनें
  • सफ़ारी चरण 12 पर फायरबग के समान कुछ उदाहरण प्राप्त करें
    4
    एक नया बुकमार्क बनाएं बुकमार्क मेनू खोलें और "बुकमार्क बनाएं" विकल्प चुनें। यदि आप चाहें, तो दबाएं कमान+डी/^ Ctrl+डी. यह शॉर्टकट वर्तमान पृष्ठ के लिए पसंदीदा निर्माण स्क्रीन खोलता है।
  • सफ़ारी चरण 13 पर फायरबग के समान कुछ उदाहरण प्राप्त करें
    5
    कॉपी किए गए पते को नए पसंदीदा के URL फ़ील्ड में पेस्ट करें। यह पसंदीदा को फायरबग लाइट कोड में बदल देगा। बुकमार्क को "फायरबग लाइट" के रूप में नाम दें
  • सफ़ारी चरण 14 पर फायरबग के समान कुछ मिलता है
    6
    फायरबग लाइट इंटरफ़ेस को लोड करने के लिए बुकमार्क का उपयोग करें। किसी वेबसाइट पर पहुंचने पर उस पर क्लिक करें फायरबग लाइट इंटरफ़ेस सफारी खिड़की के नीचे लोड किया जाएगा।
  • सफारी पर फायरबग के समान कुछ मिलता है
    7
    पृष्ठ तत्वों का निरीक्षण करें मेनू बार पर "निरीक्षण करें" बटन पर क्लिक करें और पृष्ठ से कुछ तत्व चुनें। साइट के HTML फ़ाइल के संबंधित हिस्से को फायरबग लाइट फ़्रेमवर्क में हाइलाइट किया जाएगा।
  • सफ़ारी चरण 16 पर फायरबग के समान कुछ मिलता है
    8
    फायरबग लाइट पैनल के शीर्ष पर टैब का उपयोग करें। ये टैब आपको विभिन्न कार्यक्रम कार्यों का उपयोग करने की अनुमति देते हैं। इसमें शामिल हैं: HTML और CSS संपादक, कंसोल और सक्रिय स्क्रिप्ट
    • फायरबग लाइट बाहरी स्टाइल शीट्स और स्क्रिप्ट्स का उपयोग नहीं कर सकता। यह इस तथ्य के कारण है कि इसे जावास्क्रिप्ट में विकसित किया गया है ताकि इसे किसी भी पेज पर लोड किया जा सके। यदि आपको इन उपकरणों की आवश्यकता है, तो सफारी में "विकास उपकरण" का उपयोग करें।
  • सामाजिक नेटवर्क पर साझा करें:

    संबद्ध
    © 2021 IhsAdke.com