अभी हाल ही में, हमने डेवलपर्स और डिज़ाइनरों के लिए 12 Google Chrome एक्सटेंशन पर एक पोस्ट जारी की और उनमें से कुछ एक्सटेंशन Firefox पर उपलब्ध हैं , मैं यहां कोई दोहराना नहीं चाहूंगा।
इसी तरह, नीचे सूचीबद्ध कुछ एक्सटेंशन Chrome पर उपलब्ध हैं, इसलिए ऐसे ऐप्स को संबंधित ब्राउज़र के लिए बोनस के रूप में मानें।
1. एचटीएमएल वैलिडेटर
HTML वैलिडेटर आपके कोड के माध्यम से चलता है ताकि यह सुनिश्चित हो सके कि यह HTML मानक कन्वेंशन का पालन करता है। यह टूलबार में आइकन पर दिखाई देने वाली त्रुटियों की संख्या प्रदर्शित करता है।
HTML सत्यापनकर्ता Firefox Addon
2. ऑक्टोट्री
डेवलपर के रूप में, मैं समय-समय पर GitHub पर कई कोड पेज चलाता हूं जब यह देखने के लिए खोज करता हूं कि अन्य डेवलपर्स ने कुछ समस्याओं को कैसे हल किया . अगर आप मेरे जैसे हैं तो आपको Octotree उपयोगी लगेगा।
Octotree ट्री फॉर्मेट में GitHub कोड प्रदर्शित करता है। इस तरह, आप स्रोत फ़ाइलों को डाउनलोड किए बिना कोड लाइनों के माध्यम से ब्राउज़ कर सकते हैं।
Octotree ट्री प्रारूप में गिटहब कोड दिखाता है
3. HTTPS हर जगह
HTTPS हर जगह आपके द्वारा सभी प्रमुख वेब पेजों के साथ एक्सचेंज किए जाने वाले डेटा को एन्क्रिप्ट करता है, भले ही वे HTTPS का उपयोग न करते हों।
इसलिए अगर आपको उन पेजों पर निर्देशित किया जाता है जो https का उपयोग नहीं करते हैं तो आप सुनिश्चित हो सकते हैं कि आपका ऑनलाइन संचार सुरक्षित है।
4. पृष्ठ प्रदर्शन परीक्षण
पृष्ठ प्रदर्शन परीक्षण आपको अपने वेब पृष्ठों की गति और लोडिंग प्रदर्शन को मापकर आंकड़े देता है। बाद के परीक्षणों से तुलना करने के लिए आप चार्ट के परिणामों को सहेज सकते हैं।
पृष्ठ प्रदर्शन परीक्षण
5. Usernap
Usersnap आपको वेबसाइटों के स्क्रीनशॉट लेने और मार्कअप आरेखण और टिप्पणियों को जोड़कर उनकी व्याख्या करने में सक्षम बनाता है। यह एक पिक्सेल रूलर के साथ आता है और Slac, Trello, और JIRA सहित विभिन्न परियोजना प्रबंधन उपकरणों के साथ सीधे एकीकृत हो सकता है।
यह सूची बिना Usernap के पूरी नहीं होगी क्योंकि यह एक प्रभावी प्रतिक्रिया प्रक्रिया को सक्षम करता है। हालांकि, यह 14 दिनों के नि:शुल्क परीक्षण के साथ एक सशुल्क सेवा है।
Usersnap
6. जावास्क्रिप्ट निष्क्रिय करें
JavaScript को अक्षम करें, जैसा कि नाम से पता चलता है, आपको वेबसाइटों या केवल विशिष्ट टैब पर जावास्क्रिप्ट को बंद करने की क्षमता देता है। आप इसे चालू/बंद की डिफ़ॉल्ट JS स्थिति और डोमेन/टैब आदि द्वारा डिफ़ॉल्ट अक्षम व्यवहार आदि के लिए अनुकूलित कर सकते हैं।
जावास्क्रिप्ट निष्क्रिय करें
7. वेब डेवलपर चेकलिस्ट
वेब डेवलपर चेकलिस्ट एक्सटेंशन आपको एक अवलोकन प्रदान करता है कि आपकी साइट सर्वोत्तम डिज़ाइन और विकास प्रथाओं के अनुसार कितनी उपयोगी है।
आइकन पर क्लिक करने से आपको अपनी साइट के एसईओ, अनुकूल यूआरएल, फेविकॉन आदि के बारे में सूचित किया जाएगा, पास के संकेत के लिए उनके आगे चेकमार्क होगा।
वेब डेवलपर चेकलिस्ट
8. प्रतिक्रिया डेवलपर उपकरण
रिएक्ट की लोकप्रियता में कभी न खत्म होने वाली वृद्धि के साथ, रिएक्ट डेवलपर्स लगभग हर दिन पैदा होते हैं और रिएक्ट टीम ने उन्हें कवर किया है।
React Developer Tools आपको किसी रिएक्ट ट्री का निरीक्षण करने की क्षमता देता है, साथ ही उसकी स्थिति, सहारा, पदानुक्रम आदि को भी सक्रिय करने के लिए , Firefox devtools लॉन्च करें और प्रतिक्रिया टैब पर स्विच करें।
Vueडेवलपर्स के लिए Vue.js devtools के रूप में एक संस्करण भी है।
React Developer Tools
9. ColorZilla
ColorZilla डेवलपर्स और ग्राफिक डिजाइनरों के लिए विभिन्न वेब पेजों से रंग चुनने का एक उत्कृष्ट टूल है।
इसमें एक आईड्रॉपर, एक ग्रेडिएंट जनरेटर, पैलेट ब्राउज़र और रंग इतिहास भी शामिल है।
ColorZilla
10. एवरनोट वेब क्लिपर
Evernote वेब क्लिपर आपको वेब पृष्ठों के स्क्रीनशॉट लेने में सक्षम बनाता है और स्वचालित रूप से उन्हें आपके Evernote पर सहेजता हैखाता जिससे आप टिप्पणी कर सकते हैं और टीम के सदस्यों के साथ साझा कर सकते हैं।
Evernote वेब क्लिपर
1 1। कुकी मैनेजर
कुकी मैनेजर एक सुरक्षा-सचेत एक्सटेंशन है जो आपको किसी भी में कुकीज़ को देखने, जोड़ने, संपादित करने, हटाने और खोजने में सक्षम बनाता है डोमेन।
कुकी प्रबंधक के बारे में सबसे अच्छी बात यह है कि आप डोमेन के बीच कुकीज़ निर्यात और आयात कर सकते हैं।
कुकी मैनेजर
12. CSS और LESS के लिए लाइव संपादक
CSS और LESS के लिए लाइव संपादक आपको सीधे अपने ब्राउज़र में CSS/LESS कोड लिखने में सक्षम बनाता है। आपका कोड तुरंत प्रभावी हो जाता है और आपके ब्राउज़र के स्थानीय संग्रहण में साइट स्तर पर सहेज लिया जाएगा।
इसके इन-पेज संपादक में स्वतः पूर्ण, सुशोभित, लिंटर, आदि सुविधाएँ हैं। आपको इसे देखना चाहिए।
CSS के लिए लाइव संपादक
क्या आपको सूचीबद्ध एक्सटेंशन में से कोई पसंद है या आपके पास कोई सूची है जिसका हम उपयोग कर सकते हैं? टिप्पणी अनुभाग नीचे है।