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

Aardvark: Aardvark आपको वेब पेज से तत्वों का चयन करने और उन पर विभिन्न कार्य करने की सुविधा देता है। मैं इसका उपयोग किसी पृष्ठ की संरचना का विश्लेषण करने के लिए करता हूं। आप तत्वों को हटा और अलग भी कर सकते हैं या DOM कोड जनरेट कर सकते हैं। मैं इसकी पुरजोर सलाह देता हूँ।

ColorZilla: यदि आपको पसंद आने वाले वेब पेज पर कोई रंग है, तो ColorZilla इसके लिए सटीक कोड ढूंढ लेगा और आपको इसे अपने कोडिंग प्रोग्राम में पेस्ट करने की अनुमति देगा। आप इसके अंतर्निहित पैलेट ब्राउज़र के साथ कस्टम रंग भी बना सकते हैं। यह बाद में आसान पहुंच के लिए सबसे अधिक उपयोग किए जाने वाले रंगों को बचाता है। यह शक्तिशाली है, यह सरल है, यह अवश्य है।

CSS Validator: CSS Validator आपके ब्राउज़र में एक राइट-क्लिक का विकल्प जोड़ता है, जिससे CSS को W3C CSS Validator पर भेजा जाता है। यह नए टैब में परिणाम खोलता है। CSS Validator एक अच्छा टूल है जो अक्सर काम आएगा।

CSSViewer: CSSViewer के बिना कोई भी वेब डिज़ाइनर काम नहीं करना चाहिए। ऐड-ऑन आपको उन सभी सीएसएस सूचनाओं से अवगत कराता है जिनकी आपको साइट से आवश्यकता होगी। बस उस पेज पर क्लिक करें जिसे आप चाहते हैं, इसे टूल मेनू में खोलें, और यह सीएसएस जानकारी प्रदर्शित करेगा। मैं लगभग हर दिन इसका इस्तेमाल करता हूं।

फायरबग: फायरबग उन एक्सटेंशनों में से एक है, जिसे आप बस इसके बिना नहीं कर सकते। यह आपको CSS, HTML, और JavaScript को संपादित, डीबग और देखने देता है। एक बार जब आप साइट पर HTML में बदलाव करते हैं, तो फायरबग स्वचालित रूप से इसे उसी फलक में प्रदर्शित करता है। यह बेहद शक्तिशाली है।

FirePHP: FireBug CSS, HTML, और JavaScript के लिए एक अच्छा उपकरण है, लेकिन FirePHP, जो केवल तब काम करता है जब आपके पास FireBug एक्सटेंशन इंस्टॉल होता है, पूर्ण-विकसित विकास अनुभव बनाता है। दोनों ऐड-ऑन की मदद से, आप अपने PHP की गुणवत्ता देख सकते हैं और त्रुटियां पा सकते हैं। यह एक महान सहायता है।

फ़ॉन्ट खोजक: फ़ॉन्ट खोजक आपको किसी भी साइट पर पसंद किए गए फ़ॉन्ट को उजागर करने की अनुमति देता है, चयन पर राइट-क्लिक करें, और "फ़ॉन्ट खोजक" चुनने के बाद, चयन का पूरा सीएसएस पाठ स्टाइल देखें। फिर आप इसे अपने वेब पेज में पेस्ट कर सकते हैं।

HTML Validator: HTML Validator केवल विंडोज उपयोगकर्ताओं के लिए उपलब्ध एक अत्यंत शक्तिशाली उपकरण है। ऐड-ऑन आपको पृष्ठ पर त्रुटियों के बारे में प्रतिक्रिया देता है। यह आपको यह भी बताती है कि समस्याओं का समाधान करने की आवश्यकता है। लेकिन जब तक आप एक उन्नत वेब डिज़ाइनर न हों, तब तक इस उपकरण से दूर रहें। यह बहुत जटिल है।

IE दृश्य: जब तक आप Windows चला रहे हैं, IE दृश्य एक सहायक उपकरण है। एक्सटेंशन राइट-क्लिक मेनू में "आईई खोलें" विकल्प जोड़ता है, जिससे आप इंटरनेट एक्सप्लोरर में जल्दी से साइट खोल सकते हैं। यह देखने का एक शानदार तरीका है कि दोनों ब्राउज़रों में कोई पृष्ठ कैसा दिखता है।

जावा कंसोल: यदि आप यह देखना चाहते हैं कि वेब पेज पर जावा एपलेट कैसे चल रहे हैं, तो जावा कंसोल आपके लिए है। आप एप्लेट की निगरानी और डिबग कर सकते हैं, और उनके प्रदर्शन पर पूरी रिपोर्ट प्राप्त कर सकते हैं।

LinkChecker: LinkChecker किसी भी वेब साइट पर लिंक पर प्रकाश डालता है और आपको बताता है कि क्या लिंक आपको किसी लाइव साइट पर ले जाएगा या यदि वह 404 लौटाएगा। मैं इसे हर दिन उपयोग करता हूं।

पोस्टर: यदि आप सर्वर को डीबग करना और HTTP अनुरोध करना चाहते हैं, तो पोस्टर आपके लिए उपकरण है। इसका उपयोग करना आसान है, आप एक सामग्री प्रकार सेट कर सकते हैं, और मिनटों के भीतर, आपके पास अपनी HTTP क्वेरी के परिणामों का निरीक्षण करने के लिए आवश्यक सभी जानकारी होगी। उपयोगी।

स्टाइल शीट चयनकर्ता II: स्टाइल शीट चयनकर्ता II फ़ायरफ़ॉक्स की निर्मित शैली शीट स्विचर को बदलता है और आपको एक वैकल्पिक शैली चुनने देता है जो वेब साइट के सभी पृष्ठों पर बनी रहेगी। यह कुछ ऐसा नहीं है जिसे आप अक्सर उपयोग करेंगे, लेकिन जब आपको किसी प्रकार की आवश्यकता होती है, तो स्टाइल शीट चोसर II जाने का रास्ता है।

वेब डेवलपर: यदि आप इस राउंडअप में कोई भी एक्सटेंशन इंस्टॉल करते हैं, तो वेब डेवलपर को शामिल किया जाना चाहिए। यह फ़ायरफ़ॉक्स में एक मेनू और टूलबार जोड़ता है जो आपको पृष्ठ की शैली, सीएसएस को देखने और संपादित करने का विकल्प देता है, और बहुत कुछ। कोई भी वेब डेवलपर इसके बिना नहीं होना चाहिए।

YSlow: YSlow को काम करने के लिए FireBug को स्थापित करने की आवश्यकता है, लेकिन यह पता लगाने का एक शानदार तरीका है कि आपकी साइट इतनी धीमी गति से क्यों चल रही है। यह उच्च-प्रदर्शन वेब साइटों के लिए याहू के नियमों के आधार पर वेब पृष्ठों और रिटर्न मुद्दों का विश्लेषण करता है जो साइट को धीमा कर रहे हैं। मैं इसका उपयोग अक्सर यह जानने के लिए करता हूं कि मैं अपनी साइटों की गति में कहां सुधार कर सकता हूं। कोशिश करके देखो।