मुखपृष्ठ » कैसे » अंतिम फ़ायरफ़ॉक्स वेब डेवलपमेंट प्रोफाइल बनाएँ

    अंतिम फ़ायरफ़ॉक्स वेब डेवलपमेंट प्रोफाइल बनाएँ

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

    वेब विकास के लिए अलग प्रोफ़ाइल बनाएँ

    इन सभी विकास उपकरणों को स्थापित करने से फ़ायरफ़ॉक्स बहुत भारी ब्राउज़र में हो जाएगा, इसलिए हमें पहले फ़ायरफ़ॉक्स के लिए एक नया प्रोफ़ाइल बनाना चाहिए.

    आप इन तर्कों के साथ एक नया शॉर्टकट बनाकर अपनी नियमित प्रोफ़ाइल के रूप में एक ही समय में एक अलग प्रोफ़ाइल लॉन्च कर सकते हैं, अपने प्रोफ़ाइल के नाम के साथ वेबदेव को बदल सकते हैं। यह कैसे करना है की एक अधिक विस्तृत व्याख्या भी है.

    firefox.exe -P WebDev -no-रिमोट

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

    वेब देव एक्सटेंशन होना चाहिए

    ये सभी एक्सटेंशन हैं जो मैं वेब विकास के लिए नियमित आधार पर उपयोग करता हूं.

    Firebug

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

    वेब डेवलपर एक्सटेंशन

    एक्स वर्ष चलाने के लिए सबसे अच्छे एक्सटेंशन में से एक। यह किसी भी डेवलपर के लिए एक होना चाहिए, लेकिन आपने पहले ही सुना है.

    Aardvark एक्सटेंशन

    यह विस्तार एक बहुत ही हल्का विस्तार है जो आपको पृष्ठ पर तत्वों को और उनके असाइन किए गए वर्ग / आईडी को आसानी से दिखाएगा। यह उन समय के लिए वेब डेवलपर एक्सटेंशन की तुलना में उपयोग करना सरल है जब आपको किसी तत्व के लिए त्वरित जानकारी की आवश्यकता होती है। आप इसका उपयोग पेज से तत्वों को निकालने के लिए भी कर सकते हैं.

    ColorZilla

    रंगों का चयन आसानी से करें। एक स्टाइलशीट में कहीं न कहीं रंगों को खोजने का कोई और दर्द नहीं.

    स्रोत देखें

    आप विभिन्न अनुप्रयोगों में स्रोत खोलने के लिए कई व्यू सोर्स प्रोफाइल सेट कर सकते हैं.

    HTML मान्यकर्ता

    यह एक्सटेंशन आपको अपने पृष्ठ HTML को आसानी से सत्यापित करने और व्यू सोर्स पैनल में स्थापित करने देता है.

    तेल बंदर

    यह बिल्कुल वेब डेवलपर एक्सटेंशन नहीं है, लेकिन Greasemonkey कमाल है, कम से कम आमतौर पर किए गए कार्यों को स्वचालित करने की क्षमता के लिए नहीं, जो वेब डेवलपर्स के लिए एक महान समय बचाने वाला है।.

    इसे मापो

    इस विस्तार के साथ आसानी से स्क्रीन पर दूरी को मापें। एक बार जब आप एक क्षेत्र मापा जाता है, तो आप तुलना के रूप में उपयोग करने के लिए स्क्रीन के चारों ओर आयत खींच सकते हैं.

    IE देखें / IE टैब / OperaView / FirefoxView / सफारी दृश्य / IE देखें लाइट

    ये एक्सटेंशन (आपकी पिक लें) आपको विभिन्न ब्राउज़रों में वर्तमान पृष्ठ आसानी से देखने देते हैं। IE टैब भी आपको IE को टैब के अंदर चलाने देगा, यदि आप बहुत इच्छुक थे.

    कैश बटन साफ़ करें

    कैश को साफ करता है। विशेष रूप से नए सीएसएस परिवर्तनों की जाँच के लिए उपयोगी है.

    फ़ायरफ़ॉक्स पुनः आरंभ करें

    रीस्टार्ट फ़ायरफ़ॉक्स एक्सटेंशन सभी टैब और सत्रों के साथ फ़ायरफ़ॉक्स को बंद करने और पुनः आरंभ करने के लिए बहुत उपयोगी है.

    टैब मिक्स प्लस

    टैब मिक्स प्लस एक्सटेंशन सामान्य रूप से एक महान विस्तार है, लेकिन वेब डेवलपर्स के लिए कुछ अनिवार्य रूप से उपयोगी विशेषताएं हैं: डुप्लिकेट टैब और कॉपी टैब URL.

    YSlow

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

    डमी लोरम इप्सम

    डमी Lipsum जनरेटर एक्सटेंशन आपके लिए प्रसिद्ध लोरम इप्सम पाठ पर आधारित डमी सामग्री उत्पन्न करेगा जो आपकी साइट में नकली सामग्री बिछाने के लिए बहुत उपयोगी है.

    चित्रपट पकड़ना!

    Screengrab एक्सटेंशन आपको पृष्ठों के स्क्रीनशॉट लेने देगा, लेकिन कुछ भी कर सकता है जो एक नियमित स्क्रीनशॉट टूल नहीं कर सकता है - यह पूरे पृष्ठ की छवि ले सकता है, न कि केवल देखने योग्य भाग.

     

    अन्य एक्सटेंशन के टन हैं जो आप उपयोग कर सकते हैं, लेकिन ये उन सभी से सबसे अच्छे हैं जो मैंने देखा है। यदि आपके पास एक और एक्सटेंशन है जिसे आप नियमित रूप से उपयोग करते हैं, तो टिप्पणियों में एक उल्लेख छोड़ दें.

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