फायरफॉक्स और क्रोम के लिए ऐड-ऑन के विकास और प्रकाशन के बारे में कुछ शब्द

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

प्रसंग

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

• आपने ऐड-ऑन में कुछ js-function को लागू किया है (चलो, खुले पेज से चित्रों के पूर्वावलोकन प्रदर्शित करें)। पूर्वावलोकन को सक्षम करने के लिए, आप पृष्ठ कोड में एक लिंक जोड़ते हैं और इस लिंक के onclick ईवेंट में अपने जेएस फ़ंक्शन पर कॉल लिखते हैं। लेकिन ऐसा कोड काम नहीं करेगा - लिंक पर एक क्लिक पृष्ठ के संदर्भ में संसाधित किया जाएगा जहां ऐड-ऑन फ़ंक्शन दिखाई नहीं देते हैं।
• DOM में हेरफेर करने के लिए, js फ्रेमवर्क में से किसी एक का उपयोग करना सुविधाजनक है। लेकिन भले ही यह रूपरेखा वेब पेज में शामिल हो कि आपका ऐड-ऑन प्रोसेसिंग है, आप इसका उपयोग नहीं कर पाएंगे।

बाहरी जेएस चौखटे का उपयोग करना

अपने ऐड-ऑन में js फ्रेमवर्क का उपयोग करने के लिए, आपको इसे सीधे ऐड-ऑन में डालने की आवश्यकता है। फ़ायर्फ़ॉक्स के लिए, यह निम्नानुसार किया जाता है। सबसे पहले, अपने ऐड-ऑन की "सामग्री" निर्देशिका में फ्रेमवर्क फ़ाइल (मेरे मामले में jquery.js) को कॉपी करें, और फिर बाहरी स्क्रिप्ट के डायनेमिक लोडिंग कोड का उपयोग करें:
Components.classes["@mozilla.org/moz/jssubscript-loader;1"].
getService(Components.interfaces.mozIJSSubScriptLoader).
loadSubScript("chrome://leprokartinki/content/jquery.js");
मेरे मामले में, यह कोड window.addEventListener("load",...) हैंडलर में रखा गया है

क्रोम में, चीजें थोड़ी आसान होती हैं। फ़ाइल (मेरे मामले में - jquery.js) को एड-ऑन फ़ोल्डर में रखें और फिर इसे केवल प्रकट होने के लिए इंगित करें। साथ ही साथ उपयोग की गई अन्य js फ़ाइलों के साथ।

ऐड-ऑन में इन जोड़तोड़ के बाद, फ्रेमवर्क की कार्यक्षमता का उपयोग करना संभव है

मैंने ऐड-ऑन में clone() ऑब्जेक्ट क्लोनिंग jQuery फ़ंक्शन का उपयोग करने का प्रबंधन नहीं किया। बाद में मैंने बिना क्लोनिंग के किया। मैंने यह जांच नहीं किया कि यह फ़ंक्शन क्रोम में कैसे व्यवहार करता है। त्रुटि के कारणों के बारे में धारणाएं हैं, लेकिन मैं खुदाई नहीं करता था।

एड-ऑन का आधिकारिक प्रकाशन

फ़ायर्फ़ॉक्स आपको अपने शिल्प को गैलरी में स्वतंत्र रूप से प्रकाशित करने की अनुमति देता है और समय के साथ एड-ऑन ("सत्यापित नहीं", "पूर्व-चेक किए गए", "चेक किए गए") की स्थिति बताता है। स्थिति परिवर्तनों के बीच, इसमें कुछ दिनों से लेकर कई हफ्तों तक का समय लगता है। ऐड-ऑन स्थिति चयन और रेटिंग में इसके प्रवेश को प्रभावित करती है।
लेकिन इसके स्टोर में आधिकारिक प्रकाशन की संभावना के लिए क्रोम को डेवलपर ($ 5) के लिए पंजीकरण शुल्क की आवश्यकता होती है। इसके बाद ही आपका एड-ऑन मुफ्त डाउनलोड और इंस्टॉलेशन के लिए उपलब्ध होगा।

जो कोशिश करना चाहते हैं उनके लिए टैल्मुड

1. फ़ायरफ़ॉक्स के लिए एक एक्सटेंशन बनाना
2. क्रोम के लिए शुरू किया गया

PS: मैंने अपने दो शिल्प अपलोड किए हैं - कुष्ठ रोग के पोस्ट (फायरफॉक्स) और यहां (क्रोम) के सभी चित्रों को देखने के लिए प्लगइन्स।
UPD: फायरफॉक्स के लिए एक और हैक - इन नंबरों के बारे में जानकारी के साथ एक टेलीफोन डायरेक्टरी के लिंक के साथ वेब पेज पर पाए जाने वाले फोन नंबर को एक ला स्काइप बदलता है।