फायरबग का उपयोग करके XPath खोजने के 4 तरीके

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

कदम

4 का विधि 1:

फ़ायरफ़ॉक्स और फायरबग का उपयोग करना

1. फ़ायरफ़ॉक्स के लिए फायरबग स्थापित करें. फायरबग फ़ायरफ़ॉक्स के लिए एक वेब इंस्पेक्टर ऐड-ऑन है.

फ़ायरफ़ॉक्स मेनू बटन (☰) पर क्लिक करें और चुनें "ऐड-ऑन."
क्लिक "ऐड-ऑन प्राप्त करें" और फिर क्लिक करें "और ऐड - ऑन प्राप्त करें!" बटन.
निम्न को खोजें "फ़ायरबग" और फिर क्लिक करें "फ़ायरफ़ॉक्स में जोड़ें" इसके बगल में बटन.
पुष्टि करें कि आप फायरबग स्थापित करना चाहते हैं और फिर संकेत दिए जाने पर फ़ायरफ़ॉक्स को पुनरारंभ करना चाहते हैं.

फायरबग चरण 2 का उपयोग कर XPath शीर्षक वाली छवि

2. उस वेबसाइट को खोलें जिसे आप निरीक्षण करना चाहते हैं. आप XPath को खोजने के लिए किसी वेबसाइट पर किसी भी तत्व का निरीक्षण करने के लिए फायरबग का उपयोग कर सकते हैं.

फ़ायरबग चरण 3 का उपयोग कर XPath शीर्षक वाली छवि

3. फायरबग बटन पर क्लिक करें. आप इसे विंडो के ऊपरी-दाएं कोने में पाएंगे. यह फ़ायरफ़ॉक्स विंडो के नीचे फायरबग पैनल खोल देगा.

फ़ायरबग चरण 4 का उपयोग कर XPath शीर्षक वाली छवि

4. तत्व इंस्पेक्टर बटन पर क्लिक करें. आप इसे विंडो के निचले हिस्से में फ़ायरबग पैनल में बटन की शीर्ष पंक्ति में पाएंगे, सीधे फायरबग विकल्प बटन के दाईं ओर. यह एक माउस कर्सर के साथ एक बॉक्स की तरह दिखता है.

फ़ायरबग चरण 5 का उपयोग कर XPath शीर्षक वाली छवि

5. उस वेब पेज तत्व पर क्लिक करें जिसे आप निरीक्षण करना चाहते हैं. जैसे ही आप अपने कर्सर को वेब पेज पर ले जाते हैं, आप देखेंगे कि अलग-अलग तत्व हाइलाइट किए जाते हैं. उस पर क्लिक करें जिसे आप XPath के लिए खोजना चाहते हैं.

फ़ायरबग चरण 6 का उपयोग करके XPath शीर्षक वाली छवि

6. फायरबग पैनल में हाइलाइट किए गए कोड पर राइट-क्लिक करें. जब आप किसी वेब पेज में किसी तत्व पर क्लिक करते हैं, तो यह संबंधित कोड विंडो के नीचे फायरबग पैनल में हाइलाइट किया जाएगा. इस हाइलाइट कोड पर राइट-क्लिक करें.

फ़ायरबग चरण 7 का उपयोग कर XPath शीर्षक वाली छवि

7. चुनते हैं "XPATH कॉपी करें" मेनू से. यह तत्व की XPath जानकारी को आपके क्लिपबोर्ड पर कॉपी करेगा.

यदि आप चुनते हैं "न्यूनतम XPATH कॉपी करें," बस मूल XPath जानकारी की प्रतिलिपि बनाई जाएगी.

फायरबग चरण 8 का उपयोग कर XPath शीर्षक वाली छवि

8. कॉपी किए गए XPath की जानकारी को कहीं और पेस्ट करें. एक बार कोड कॉपी हो जाने के बाद, आप इसे राइट-क्लिक और चयन करके कहीं भी इसे पेस्ट कर सकते हैं "पेस्ट करें."

4 का विधि 2:

क्रोम का उपयोग करना

1. उस वेबसाइट को खोलें जिसे आप क्रोम में निरीक्षण करना चाहते हैं. जब आप क्रोम का उपयोग कर रहे हों तो आपको वेबसाइट तत्वों की XPath जानकारी खोजने में सक्षम होने के लिए स्थापित किसी भी एक्सटेंशन की आवश्यकता नहीं है.

फ़ायरबग चरण 10 का उपयोग कर XPath शीर्षक वाली छवि

2. दबाएँ .F12 वेबसाइट निरीक्षक खोलने के लिए. यह खिड़की के दाईं ओर दिखाई देगा.

फ़ायरबग चरण 11 का उपयोग कर XPath शीर्षक वाली छवि

3. तत्व इंस्पेक्टर बटन पर क्लिक करें. आप इसे वेबसाइट इंस्पेक्टर पैनल के ऊपरी-बाएं कोने में पाएंगे. बटन एक माउस कर्सर के साथ एक बॉक्स की तरह दिखता है.

फ़ायरबग चरण 12 का उपयोग कर XPath शीर्षक वाली छवि

4. उस वेबसाइट पर उस तत्व पर क्लिक करें जिसे आप निरीक्षण करना चाहते हैं. जब आप अपने कर्सर को उन पर ले जाते हैं तो आप साइट के तत्वों को हाइलाइट करेंगे.

फ़ायरबग चरण 13 का उपयोग कर XPath खोजें शीर्षक

5. इंस्पेक्टर पैनल में हाइलाइट किए गए कोड पर राइट-क्लिक करें. जब आप इंस्पेक्टर के साथ किसी तत्व पर क्लिक करते हैं, तो प्रासंगिक कोड विंडो के दाईं ओर इंस्पेक्टर पैनल में स्वचालित रूप से हाइलाइट करेगा. हाइलाइट किए गए कोड पर राइट-क्लिक करें.

फ़ायरबग चरण 14 का उपयोग कर XPath शीर्षक वाली छवि

6. चुनते हैं "प्रतिलिपि" → "XPATH कॉपी करें." यह तत्व की XPath जानकारी को आपके क्लिपबोर्ड पर कॉपी करेगा.

ध्यान दें कि यह केवल न्यूनतम XPath जानकारी की प्रतिलिपि बनाता है. फ़ायरफ़ॉक्स के लिए फायरबग आपको पूर्ण XPath जानकारी दे सकता है.

फ़ायरबग चरण 15 का उपयोग कर XPath शीर्षक वाली छवि

7. प्रतिलिपि XPath जानकारी पेस्ट करें. आप अपनी प्रतिलिपि XPath जानकारी पेस्ट कर सकते हैं जैसे आप किसी टेक्स्ट फ़ील्ड में राइट-क्लिक करके किसी भी कॉपी की गई जानकारी को चुन सकते हैं "पेस्ट करें."

विधि 3 में से 4:

सफारी का उपयोग करना

1. सफारी मेनू पर क्लिक करें और चुनें "पसंद." वेब इंस्पेक्टर उपयोगिता तक पहुंचने के लिए आपको विकसित मेनू को सक्षम करने की आवश्यकता होगी.

फ़ायरबग चरण 17 का उपयोग कर XPath शीर्षक वाली छवि

2. दबाएं "उन्नत" टैब. यह उन्नत सफारी सेटिंग्स प्रदर्शित करेगा.

फ़ायरबग चरण 18 का उपयोग करते हुए XPath शीर्षक वाली छवि

3. जाँचें "मेनू बार में मेनू विकसित करें" डिब्बा. विकसित मेनू तुरंत मेनू बार में दिखाई देगा.

फ़ायरबग चरण 19 का उपयोग कर XPath शीर्षक वाली छवि

4. उस वेबसाइट को खोलें जिसे आप निरीक्षण करना चाहते हैं. प्राथमिकताएँ मेनू बंद करें और उस वेबसाइट पर जाएं जिसमें वह तत्व है जिसे आप xpath के लिए प्राप्त करना चाहते हैं.

फ़ायरबग चरण 20 का उपयोग कर XPath शीर्षक वाली छवि

5. मेनू को विकसित करें और चुनें "वेब निरीक्षक दिखाएं." वेब इंस्पेक्टर पैनल विंडो के नीचे दिखाई देगा.

फ़ायरबग चरण 21 का उपयोग कर XPath शीर्षक वाली छवि

6. दबाएं "तत्व चयन प्रारंभ करें" बटन. यह एक क्रॉसहेयर की तरह दिखता है, वेब इंस्पेक्टर पैनल में बटनों की शीर्ष पंक्ति में पाया जा सकता है.

फ़ायरबग चरण 22 का उपयोग कर XPath खोजें शीर्षक

7. उस वेबसाइट पर उस तत्व पर क्लिक करें जिसे आप निरीक्षण करना चाहते हैं. यह उस तत्व के लिए उस तत्व के लिए विंडो के नीचे वेब इंस्पेक्टर पैनल में कोड को हाइलाइट करेगा.

फ़ायरबग चरण 23 का उपयोग कर XPath शीर्षक वाली छवि

8. पेड़ के शीर्ष पर XPath की जानकारी पर ध्यान दें. आप सीधे XPATH कॉपी नहीं कर सकते हैं, लेकिन आप वेब इंस्पेक्टर में प्रदर्शित कोड के ऊपर स्थित पूर्ण पथ देख सकते हैं. प्रत्येक टैब एक पथ अभिव्यक्ति है.

4 का विधि 4:

इंटरनेट एक्सप्लोरर का उपयोग करना

1. उस वेबसाइट को खोलें जिसे आप इंटरनेट एक्सप्लोरर में निरीक्षण करना चाहते हैं. आपको इंटरनेट एक्सप्लोरर में XPath खोजने के लिए कुछ भी स्थापित करने की आवश्यकता नहीं है. उस वेबसाइट को खोलें जिसमें वह तत्व है जिसे आप निरीक्षण करना चाहते हैं.

फ़ायरबग चरण 25 का उपयोग कर XPath शीर्षक वाली छवि

2. दबाएँ F12 डेवलपर उपकरण खोलने के लिए. डेवलपर टूल्स पैनल विंडो के नीचे दिखाई देगा.

फ़ायरबग चरण 26 का उपयोग कर XPath शीर्षक वाली छवि

3. दबाएं "तत्व का चयन करें" बटन. आप इसे डेवलपर टूल्स पैनल के ऊपरी-बाएं कोने में पाएंगे.

फ़ायरबग चरण 27 का उपयोग करके XPath का शीर्षक वाली छवि

4. उस वेब पेज पर उस तत्व पर क्लिक करें जिसे आप निरीक्षण करना चाहते हैं. यह इसे का चयन करेगा और डोम एक्सप्लोरर में इसके लिए कोड को हाइलाइट करेगा.

फ़ायरबग चरण 28 का उपयोग कर XPath शीर्षक वाली छवि

5. पैनल के नीचे XPath जानकारी पर ध्यान दें. पैनल के निचले हिस्से में प्रत्येक टैब आपके द्वारा चुने गए तत्व के लिए एक XPath अभिव्यक्ति है. आप इसे XPath प्रारूप में कॉपी नहीं कर सकते जैसे कि आप फायरबग के साथ फ़ायरफ़ॉक्स में कर सकते हैं.