Mozilla Firefox में निरीक्षण तत्व उपकरण का उपयोग कैसे करें
"आइटम का निरीक्षण करें" डेवलपर टूल आपको किसी वेब पृष्ठ पर दिखाई देने वाले सभी तत्वों के HTML कोड की सही पहचान करने देता है। एचटीएमएल और सीएसएस स्टाइल शीट्स जो आपके पास हैं वह पूरी तरह से संपादन योग्य हैं, जब आप इन टूल्स को खोले। इच्छित परिवर्तन करके वेब पेज को प्रदर्शित करने के लिए पेज को अपडेट करें और फिर अपने इच्छित परिवर्तन करके प्रयोग करें।
सामग्री
चरणों
भाग 1
आइटम का निरीक्षण करें
1
फ़ायरफ़ॉक्स अपडेट करें (वैकल्पिक) आपके पास इस आलेख में वर्णित सभी सुविधाओं तक पहुंच नहीं हो सकती है यदि आपके पास फ़ायरफ़ॉक्स का पुराना संस्करण है। यदि आपने फ़ायरफ़ॉक्स के संस्करण की जांच की है जो आपने इंस्टॉल किया है, तो नवीनतम संस्करण स्वचालित रूप से डाउनलोड किया जाएगा
- फ़ायरफ़ॉक्स 9 और पिछले संस्करणों में सीधे "निरीक्षण आइटम" टूल नहीं होता है।
2
वेब पेज के किसी भी तत्व पर राइट क्लिक करें आप छवियों, पाठ, पृष्ठभूमि या किसी अन्य तत्व पर राइट-क्लिक कर सकते हैं। यदि आपके पास दो बटन वाला माउस नहीं है, तो कुंजी पकड़ते समय बायाँ क्लिक करें ^ नियंत्रण
Video: Web Programming - Computer Science for Business Leaders 2016
3
ड्रॉप-डाउन मेनू में, "निरीक्षण आइटम" पर क्लिक करें विंडो के निचले हिस्से में एक टूलबार दिखाई देना चाहिए। एक पैनल, टूलबार के नीचे भी दिखाई देगा जहां पृष्ठ का HTML कोड प्रदर्शित किया जाएगा।
4
टूलबार और पैनल की पहचान करें जब आप "आइटम का निरीक्षण करें" पर क्लिक करते हैं तो कई पैनल विंडो के निचले हिस्से में खुलेंगे। यहां नामों का विवरण दिया गया है और इनमें से प्रत्येक का अलग से उपयोग किया गया है:
5
दूसरा आइटम चुनें औजार पट्टी खोलने के बाद, दूसरा आइटम चुनना आसान होता है। ऐसा करने के तीन तरीके हैं:
6
कोड के माध्यम से ब्राउज़ करें एचटीएमएल पैनल में कहीं भी क्लिक करें। कोड के माध्यम से स्क्रॉल करने के लिए अपने कीबोर्ड पर बाएं और दायां तीरों का उपयोग करें (आपके पास फ़ायरफ़ॉक्स संस्करण 39 या बाद के संस्करण होना चाहिए) यह उन मदों के लिए बहुत उपयोगी है जो हाथ से चयनित होने के लिए बहुत छोटा है।
Video: Week 7
7
किसी आइटम के लिए खोजें खोज बार (एक आवर्धक ग्लास के आइकन वाला एक) पर जाएं, जो कि पंक्ति की दाईं ओर स्थित है ब्रेडक्रंब। इसे विस्तृत करने के लिए बार पर क्लिक करें और फिर उस HTML कोड को टाइप करें, जिसे आप खोजना चाहते हैं जब आप टाइप कर रहे हैं, तो खोजा गया पाठ से मेल खाने वाले आइटम की एक सूची दिखाई देगी। उस आइटम को चुनने के लिए उनमें से एक पर क्लिक करें, जिसे आप ढूंढ रहे हैं और HTML पैनल को उस स्थान पर स्लाइड करें जहां उस कोड है
भाग 2
HTML कोड संपादित करें
1
पृष्ठ को किसी भी समय शुरू करने के लिए ताज़ा करें। यदि आपके पास डेवलपर टूल के साथ बहुत अनुभव नहीं है, तो समझें कि वे कोई स्थायी परिवर्तन नहीं करते हैं। आपके संपादन केवल आपकी स्क्रीन पर दिखाई देंगे और जब तक आप पृष्ठ बंद नहीं करते या इसे अपडेट करते हैं प्रयोग करने में संकोच न करें, भले ही आप सुनिश्चित न हों कि क्या होगा।
2
पाठ को संपादित करने के लिए HTML कोड पर डबल-क्लिक करें। HTML की एक पंक्ति पर डबल-क्लिक करें नया टेक्स्ट लिखें और दबाएं The परिवर्तनों को सहेजने के लिए दर्ज करें
Video: Week 7
3
अधिक विकल्पों के लिए "ब्रेडक्रंब" की एक पंक्ति पर क्लिक करें याद रखें: का उपकरण पट्टी ब्रेडक्रंब को संपूर्ण HTML ट्री और ऊपरी टूलबार के बीच सैंडविच किया गया है। इस पंक्ति में से किसी भी तत्व पर क्लिक करें और एक व्यापक मेनू खोलने के लिए दबाए रखें। यहां उपलब्ध विकल्पों का एक गाइड (अपूर्ण) है:
या )।
4
खींचें और ड्रॉप करें कोड में तत्वों को पुन: क्रमित करने के लिए, एक धराशायी पंक्ति प्रकट होने तक HTML को क्लिक करके रखें। इसे नीचे या पेड़ को ऊपर ले जाएं और इसे छोड़ दें जब टूटी हुई रेखा वांछित जगह होती है।
5
डेवलपर टूलबार को बंद करें इन सभी खूबसूरत खिड़कियां बंद करने के लिए, बस सीएसएस कोड पैनल के ऊपर, टूलबार के ऊपरी दाएं कोने में एक्स दबाएं।
युक्तियाँ
- आप ऊपर मेनू से इन विकल्पों के साथ टूलबार भी खोल सकते हैं:
- विंडोज: फ़ायरफ़ॉक्स → वेब डेवलपर → टूल्स दिखाएँ
- मैक या लिनक्स: टूल्स → वेब डेवलपर → टूल दिखाएँ
- फ़ायरफ़ॉक्स 40 ने सीएसएस पैनल को छुपाने का विकल्प प्रस्तुत किया है ताकि आपको एचटीएमएल संपादन करते समय अधिक जगह मिल सके। की पंक्ति के दाईं ओर तीर आइकन ढूंढें ब्रेडक्रंब जो खोज बार के दायीं ओर है सीएसएस पैनल को छिपाने के लिए इस आइकन पर क्लिक करें और इसे फिर से विस्तार करने के लिए फिर से क्लिक करें
- सीएसएस पैनल को भी संपादित किया जा सकता है, लेकिन यह इस गाइड के दायरे से परे है। आप इंटरनेट पर मूल सीएसएस ट्यूटोरियल की खोज कर सकते हैं।
सामाजिक नेटवर्क पर साझा करें:
संबद्ध
फ़ायरफ़ॉक्स के संस्करण के बारे में पता कैसे करें
मोज़िला फ़ायरफ़ॉक्स डाउनलोड करने के लिए कैसे
नेट वीडियो हंटर के साथ फ़ायरफ़ॉक्स में संगीत और वीडियो कैसे डाउनलोड करें
कैसे Nofollow लिंक का पता लगाने के लिए
एडब्लॉक प्लस से फ़ायरफ़ॉक्स में विज्ञापन कैसे निकालें
फ़ायरफ़ॉक्स या इंटरनेट एक्सप्लोरर के खोए आइकन को कैसे ढूंढें
कैसे एक XPath Firebug का उपयोग करने के लिए
Firefox के साथ वेब पृष्ठों को प्रिंट करने के लिए कैसे
सुरक्षित मोड में फ़ायरफ़ॉक्स कैसे शुरू करें
डेबियन लिनक्स पर फ़ायरफ़ॉक्स कैसे स्थापित करें
फ़ायरफ़ॉक्स में असफल प्लग इन कैसे स्थापित करें?
फ़ायरफ़ॉक्स में वर्तनी परीक्षक कैसे स्थापित करें
मोज़िला फ़ायरफ़ॉक्स में पेज को कैसे चिह्नित किया जाए
कैसे फ़ायरफ़ॉक्स के एक पुराने संस्करण पर लौटने के लिए
चुनाव कैसे छोड़ें
फ़ायरफ़ॉक्स का उपयोग करके अधिक मनोरंजक वेब ब्राउजिंग अनुभव कैसे किया जाए
मोज़िला फ़ायरफ़ॉक्स में ऑफ़लाइन कैसे काम करें
मोज़िला फ़ायरफ़ॉक्स का प्रयोग कैसे करें
फ़ायरफ़ॉक्स में सहेजे पासवर्ड देखने के लिए
कैसे मोज़िला फ़ायरफ़ॉक्स में अद्यतन हैं या नहीं
फ़ायरफ़ॉक्स को कैसे रोकें, इससे उपभोक्ता सीपीयू चक्र बंद हो जाता है