जब ठीक से कॉन्फ़िगर किया गया हो, तो फ़ायरफ़ॉक्स परम वेब डेवलपमेंट टूल बन सकता है, जिससे आप जिस पेज पर काम कर रहे हैं, उस तक सीधे पहुंच बना सकते हैं ताकि आप अपने पेज को रियल-टाइम, डिबग जावास्क्रिप्ट या यहां तक कि html को संपादित कर सकें।
वेब विकास के लिए अलग प्रोफ़ाइल बनाएँ
इन सभी विकास उपकरणों को स्थापित करने से फ़ायरफ़ॉक्स बहुत भारी ब्राउज़र में हो जाएगा, इसलिए हमें पहले फ़ायरफ़ॉक्स के लिए एक नया प्रोफ़ाइल बनाना चाहिए।
आप इन तर्कों के साथ एक नया शॉर्टकट बनाकर अपनी नियमित प्रोफ़ाइल के रूप में एक ही समय में एक अलग प्रोफ़ाइल लॉन्च कर सकते हैं, अपने प्रोफ़ाइल के नाम के साथ वेबडेव की जगह ले सकते हैं। वहाँ भी एक है अधिक विस्तृत विवरण यह कैसे करना है।
firefox.exe -P WebDev -no-रिमोट
अब जब आप फ़ायरफ़ॉक्स को केवल वेब डेवलपमेंट के लिए एक अलग प्रोफ़ाइल से कॉन्फ़िगर कर रहे हैं, तो आइए उन एक्सटेंशनों पर एक नज़र डालें जिनका उपयोग हम फ़ायरफ़ॉक्स को परम वेब डेवलपमेंट टूल में करने के लिए कर सकते हैं।
वेब देव एक्सटेंशन होना चाहिए
ये सभी एक्सटेंशन हैं जो मैं वेब विकास के लिए नियमित आधार पर उपयोग करता हूं।
फायरबग जावास्क्रिप्ट और डिबगिंग जावास्क्रिप्ट के लिए सबसे शक्तिशाली एक्सटेंशन है, सीएसएस और एचटीएमएल देख रहा है। आप कोड और CSS में गतिशील परिवर्तन कर सकते हैं, और अपने Ajax कोड को डीबग करने के लिए इसका उपयोग कर सकते हैं। यह वास्तव में सबसे अच्छा विस्तार है।
एक्स साल चलने के लिए सबसे अच्छा एक्सटेंशन में से एक। यह किसी भी डेवलपर के लिए होना चाहिए, लेकिन आपने पहले ही इसके बारे में सुना होगा।
यह विस्तार एक बहुत ही हल्का विस्तार है जो आपको पृष्ठ पर तत्वों और उनके असाइन किए गए वर्ग / आईडी को आसानी से दिखाएगा। वेब डेवलपर एक्सटेंशन की तुलना में उन समयों के लिए उपयोग करना सरल है जब आपको किसी तत्व के लिए त्वरित जानकारी की आवश्यकता होती है। आप इसका उपयोग पेज से तत्वों को निकालने के लिए भी कर सकते हैं।
रंगों का चयन आसानी से करें। स्टाइलशीट में कहीं न कहीं रंगों को खोजने का कोई दर्द नहीं।
आप विभिन्न अनुप्रयोगों में स्रोत खोलने के लिए कई व्यू सोर्स प्रोफाइल सेट कर सकते हैं।
यह एक्सटेंशन आपको अपने पृष्ठ HTML को आसानी से सत्यापित करने और व्यू सोर्स पैनल में स्थापित करने देता है।
यह बिल्कुल वेब डेवलपर एक्सटेंशन नहीं है, लेकिन Greasemonkey कमाल है, कम से कम आमतौर पर निष्पादित कार्यों को स्वचालित करने की क्षमता के लिए नहीं, जो वेब डेवलपर्स के लिए एक महान समय बचाने वाला है।
इस विस्तार के साथ आसानी से स्क्रीन पर दूरी को मापें। एक बार जब आप एक क्षेत्र मापा जाता है, तो आप तुलना के रूप में उपयोग करने के लिए स्क्रीन के चारों ओर आयत खींच सकते हैं।
IE देखें / IE टैब / OperaView / FirefoxView / सफारी दृश्य / IE देखें लाइट
ये एक्सटेंशन (अपनी पिक लें) आपको विभिन्न ब्राउज़रों में वर्तमान पृष्ठ आसानी से देखने देते हैं। IE टैब आपको यहां तक कि एक टैब के अंदर IE चलाने देगा, यदि आप बहुत इच्छुक थे।
कैश को साफ करता है। विशेष रूप से नए सीएसएस परिवर्तनों की जांच के लिए उपयोगी है।
रेस्टार्ट फ़ायरफ़ॉक्स एक्सटेंशन सभी टैब और सत्रों के साथ फ़ायरफ़ॉक्स को बंद करने और पुनः आरंभ करने के लिए बहुत उपयोगी है।
टैब मिक्स प्लस एक्सटेंशन सामान्य रूप से एक महान विस्तार है, लेकिन इसमें वेब डेवलपर्स के लिए कुछ अनिवार्य रूप से उपयोगी विशेषताएं हैं: डुप्लिकेट टैब और कॉपी टैब URL।
YSlow एक्सटेंशन याहू का एक नया एक्सटेंशन है जो आपके पेज का विश्लेषण करेगा और आपको बताएगा कि आप कहां गलतियां कर रहे हैं। यह आपको अपनी साइट के प्रदर्शन पर एक ग्रेड भी देगा। आप निचले दाएं कोने में छोटे गेज को देखेंगे ... यह आपको आपके पृष्ठ का कुल आकार और साथ ही लोड समय बताता है। बहुत उपयोगी विस्तार, लेकिन यह फ़ायरबग एक्सटेंशन की आवश्यकता है।
डमी लिप्सम जेनरेटर एक्सटेंशन आपके लिए प्रसिद्ध लोरम इप्सम पाठ पर आधारित डमी सामग्री उत्पन्न करेगा जो आपकी साइट में नकली सामग्री बिछाने के लिए बहुत उपयोगी है।
स्क्रैन्ग्रैब एक्सटेंशन आपको पृष्ठों के स्क्रीनशॉट लेने देगा, लेकिन कुछ भी कर सकता है जो एक नियमित स्क्रीनशॉट टूल नहीं है - यह केवल देखने योग्य भाग ही नहीं, बल्कि पूरे पृष्ठ की छवि ले सकता है।
कई अन्य एक्सटेंशन हैं, जिनका आप उपयोग कर सकते हैं, लेकिन इनमें से सबसे अच्छा सबसे अच्छा है जो मैंने देखा है। यदि आपके पास एक और एक्सटेंशन है जो आप नियमित रूप से उपयोग करते हैं, तो टिप्पणियों में एक उल्लेख छोड़ दें।
इस बिंदु पर, आपने अब फ़ायरफ़ॉक्स को परम वेब विकास उपकरण में बदल दिया है। विशेष रूप से फायरबग का उपयोग करने का तरीका जानने के लिए समय निकालें।
