javascript - फ़ायरफ़ॉक्स एक्सटेंशन को विकसित करने का सबसे आसान तरीका क्या है?




google-chrome firefox (4)

यह 2013 है, क्या फ़ायरफ़ॉक्स एक्सटेंशन बनाने का कोई आसान तरीका नहीं है?

हाँ वहाँ है!

आपके द्वारा दिए गए लिंक अविश्वसनीय रूप से पुराने हैं। फ़ायरफ़ॉक्स एक्सटेंशन विकसित करने का एक नया, बेहतर तरीका है - फ़ायरफ़ॉक्स एड-ऑन एसडीके

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

शुरू करने के लिए कदम (मैक / लिनक्स, लेकिन पीसी के लिए बहुत समान होना चाहिए):

  • https://addons.mozilla.org/en-US/developers/builder से एसडीके डाउनलोड https://addons.mozilla.org/en-US/developers/builder , इसे अनपैक करें।
  • README फ़ाइल (हमेशा उपयोगी) पर त्वरित नज़र डालें।
  • एसडीके डीआईआर से source bin/activate निष्पादित करें (उसी डीआईआर रीडमे फ़ाइल में है)।
  • cfx docs निष्पादित करें - यह बूटस्ट्रैप्स एसडीके दस्तावेज़ों की स्थानीय प्रतिलिपि cfx docs और इसे आपके ब्राउज़र में खोलता है।
  • एसडीके डायर छोड़ दो, अपने एक्सटेंशन के लिए एक खाली डीआईआर बनाएँ।
  • एक्सटेंशन dir के अंदर cfx init निष्पादित करें - यह सभी आवश्यक फ़ाइलों / निर्देशिका उत्पन्न करता है।
  • getting-started-with-cfx पेज के getting-started-with-cfx के बाकी हिस्सों का पालन करें:
    • एड-ऑन बार पर कस्टम विजेट डालने के लिए जेएस की कुछ पंक्तियों के साथ lib/main.js अपडेट करें।
    • cfx run निष्पादित करें - यह आपके नए चमकदार विस्तार के साथ ताजा फ़ायरफ़ॉक्स उदाहरण खोलता है।

सब कुछ, मुझे दस्तावेज पढ़ने के लिए बस कुछ घंटों लगे, एसडीके एपीआई से परिचित हो जाओ, एसडीके module को एड-ऑन बार के बजाय नेविगेशन बार पर विजेट डालने के लिए ढूंढें, और पूरी तरह से कार्यात्मक एक्सटेंशन विकसित करें जावास्क्रिप्ट की लगभग 50 लाइनें।

HTH!

अद्यतन करें

WebExtensions नामक एक नया मानक है

MDN

वर्तमान में फ़ायरफ़ॉक्स एड-ऑन विकसित करने के लिए कई टूलसेट हैं, लेकिन 2017 के अंत तक वेब एक्सटेंशन मानक बन जाएगा।

यदि आप एक नया ऐड-ऑन लिख रहे हैं, तो हम अनुशंसा करते हैं कि आप एक वेब एक्सटेंशन भेजें

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

Google क्रोम में, यह बहुत आसान होगा ( http://developer.chrome.com/extensions/getstarted.html अनुसार) - शुद्ध जावास्क्रिप्ट प्लस ब्राउज़र के यूआई के साथ इंटरैक्ट करने के जावास्क्रिप्ट एपीआई के लिए कुछ कॉल।

हालांकि, एक अच्छे फ़ायरफ़ॉक्स एक्सटेंशन ट्यूटोरियल के लिए चारों ओर खोज करने के बाद, मैंने पाया सबसे आधिकारिक रूप से दिखने वाले लिंक हैं:

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

यह 2013 है, क्या फ़ायरफ़ॉक्स एक्सटेंशन बनाने का कोई आसान तरीका नहीं है?


ऐड-ऑन विकसित करने के MDN , उनमें से प्रत्येक के पास पेशेवर और विपक्ष हैं:

WebExtensions

वेब एक्सटेंशन फ़ायरफ़ॉक्स एड-ऑन का भविष्य है। यदि आप WebExtensions API का उपयोग कर सकते हैं, तो यह सबसे अच्छा विकल्प है। आप अभी वेब एक्सटेंशन का विकास और प्रकाशन कर सकते हैं, लेकिन वे अभी भी प्रारंभिक स्थिति में हैं।

2- एड-ऑन एसडीके (पुरानी विधि):

ऐड-ऑन एसडीके फ़ायरफ़ॉक्स एड-ऑन विकसित करने के लिए एपीआई प्रदान करता है, और उन्हें विकसित करने, परीक्षण करने और पैकेज करने के लिए एक उपकरण प्रदान करता है।


हां एक्सटेंशन बनाने के लिए आप तीन अलग-अलग तकनीकों का उपयोग कर सकते हैं:

  1. एड-ऑन एसडीके-आधारित एक्सटेंशन
  2. मैन्युअल रूप से बूटस्ट्रैप किए गए पुनरारंभ एक्सटेंशन
  3. ओवरले एक्सटेंशन

आप here बीच तुलना पढ़ सकते हैं

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

ऐड-ऑन एसडीके-आधारित एक्सटेंशन के साथ शुरू करने के चरण

  1. Installation
  2. उपयोगकर्ता इंटरफेस बनाएं
  3. ब्राउज़र के साथ बातचीत करें

https://blog.mozilla.org/addons/2016/11/23/add-ons-in-2017/ रूप में, आगे बढ़ने का एकमात्र तरीका WebExtensions का उपयोग WebExtensions । फ़ायरफ़ॉक्स 52 के लिए अंतिम एसडीके एक्सटेंशन स्वीकार किए जाएंगे, जबकि फ़ायरफ़ॉक्स 57 अन्य सभी एक्सटेंशन समर्थन को समाप्त करेगा , केवल वेब एक्सटेंशन का समर्थन करेगा।

फ़ायरफ़ॉक्स ने Google क्रोम के एक्सटेंशन API की प्रतिलिपि बनाई। तो आप बस अपने क्रोम एक्सटेंशन का उपयोग कर सकते हैं और देख सकते हैं कि सभी एपीआई पहले से ही फ़ायरफ़ॉक्स में समर्थित हैं (वे अब के रूप में होना चाहिए)। नोस्क्रिप्ट के जियोर्जियो मायन जैसे प्रोग्रामर सक्रिय रूप से वेब एक्सटेंशन में परिवर्तन का समर्थन करते हैं

एक वेब एक्सटेंशन विकसित करने के लिए, आपको चाहिए

  • या तो web-ext-tool जिसे के माध्यम से स्थापित किया जा सकता है

    npm install --global web-ext
    
  • या बस फ़ायरफ़ॉक्स के about:debugging या क्रोमियम chrome:extensions को अस्थायी रूप से लोड करने के लिए chrome:extensions

किसी भी तरह से, आपको एक manifest.json फ़ाइल को आपके द्वारा बनाई गई निर्देशिका में चाहिए, जो सभी कार्यक्षमताओं को एक साथ चिपकाता है। पहले उदाहरण के लिए https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Your_first_WebExtension देखें। या https://developer.chrome.com/getstarted पर Google दस्तावेज़।







firefox-addon-sdk