फायरबग और वेब डेवलपर टूलबार जैसे भयानक वेब-डेवलपर ऐड-ऑन के संयोजन में फ़ायरफ़ॉक्स की नई वेब डेवलपर विशेषताएं, वेब डेवलपर्स के लिए फ़ायरफ़ॉक्स को एक आदर्श ब्राउज़र बनाती हैं। सभी टूल्स फ़ायरफ़ॉक्स के मेनू में वेब डेवलपर के तहत उपलब्ध हैं।
पेज इंस्पेक्टर
राइट-क्लिक करके और चयन करके एक विशिष्ट तत्व का निरीक्षण करें निरीक्षण (या दबाने क्यू)। आप लॉन्च भी कर सकते हैं इंस्पेक्टर वेब डेवलपर मेनू से।
यदि आप एक नया तत्व चुनना चाहते हैं, तो क्लिक करें निरीक्षण टूलबार पर बटन, पेज पर अपने माउस को घुमाएं और अपने तत्व पर क्लिक करें। फ़ायरफ़ॉक्स आपके कर्सर के नीचे तत्व को हाइलाइट करता है।
एचटीएमएल इंस्पेक्टर
दबाएं एचटीएमएल वर्तमान में चयनित तत्व के HTML कोड को देखने के लिए बटन।
एचटीएमएल इंस्पेक्टर आपको एचटीएमएल टैग का विस्तार और पतन करने की इजाजत देता है, जिससे एक नज़र में कल्पना करना आसान हो जाता है। यदि आप पृष्ठ की HTML को एक फ्लैट फ़ाइल में देखना चाहते हैं, तो आप चुन सकते हैं पृष्ठ का स्त्रोत देखें वेब डेवलपर मेनू से।
सीएसएस निरीक्षक
दबाएं अंदाज चयनित तत्व पर लागू सीएसएस नियम देखने के लिए बटन।
एक सीएसएस गुण पैनल भी है - क्लिक करके दोनों के बीच स्विच करें नियम तथा गुण बटन। विशिष्ट गुणों को ढूंढने में आपकी सहायता के लिए, गुण पैनल में एक खोज बॉक्स शामिल है।
आप नियम पैनल से फ्लाई पर तत्व के सीएसएस को संपादित कर सकते हैं। नियम को निष्क्रिय करने के लिए किसी भी चेक बॉक्स को अनचेक करें, नियम बदलने के लिए टेक्स्ट पर क्लिक करें, या फलक के शीर्ष पर तत्व पर अपने नियम जोड़ें। यहां, मैंने जोड़ा है फोंट की मोटाई: बोल्ड; सीएसएस नियम, तत्व के पाठ बोल्ड बनाते हैं।
जावास्क्रिप्ट स्क्रैचपैड
स्क्रैचपैड ने फ़ायरफ़ॉक्स 10 के साथ एक अपडेट भी देखा, और अब सिंटैक्स हाइलाइटिंग शामिल है। वर्तमान पृष्ठ पर चलाने के लिए आप जावास्क्रिप्ट कोड टाइप कर सकते हैं।
एक बार आपके पास हो जाने पर, क्लिक करें निष्पादित मेनू और चयन करें चलाएँ। कोड वर्तमान टैब में चलता है।
वेब कंसोल
वेब कंसोल पुराने त्रुटि कंसोल को प्रतिस्थापित करता है, जिसे बहिष्कृत किया गया है और फ़ायरफ़ॉक्स के भविष्य के संस्करण में हटा दिया जाएगा।
वेब डेवलपर संदेश क्या है? यह window.console ऑब्जेक्ट पर मुद्रित एक संदेश है। उदाहरण के लिए, हम चला सकते हैं window.console.log ("हैलो वर्ल्ड"); कंसोल में डेवलपर संदेश मुद्रित करने के लिए स्क्रैचपैड में जावास्क्रिप्ट कोड। वेब डेवलपर्स इन संदेशों को डीबगिंग में मदद के लिए अपने जावास्क्रिप्ट कोड में एकीकृत कर सकते हैं।
फ़ायरफ़ॉक्स 10 के रूप में, वेब कंसोल पेज इंस्पेक्टर के साथ मिलकर काम कर सकता है। $ 0 चर इंस्पेक्टर में वर्तमान में चयनित ऑब्जेक्ट का प्रतिनिधित्व करता है। इसलिए, उदाहरण के लिए, यदि आप वर्तमान में चयनित ऑब्जेक्ट को छिपाना चाहते हैं, तो आप चला सकते हैं $ 0.style.display = "कोई नहीं" कंसोल में।
अधिक उपकरण प्राप्त करें
अधिक उपकरण प्राप्त करें विकल्प आपको मोज़िला एड-ऑन वेबसाइट पर वेब डेवलपर के टूलबॉक्स ऐड-ऑन संग्रह पर ले जाता है। इसमें फ़ायरबग और वेब डेवलपर टूलबार सहित वेब डेवलपर्स के लिए कुछ बेहतरीन ऐड-ऑन शामिल हैं।
यदि आप कुछ सालों से फ़ायरफ़ॉक्स का उपयोग कर रहे हैं, तो आप डोम इंस्पेक्टर को याद कर सकते हैं। तब से फ़ायरफ़ॉक्स के एकीकृत डेवलपर टूल एक लंबा सफर तय कर चुके हैं।
