🕉️ ⚰️ 💮 फ़ायरफ़ॉक्स के लिए विस्तार की "वैधता" और कुछ छोटी चीजें 🍡 📎 🚗

नमस्ते!

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

लेकिन मुझे अभी तक वैध एक्सटेंशन के बारे में (यदि कोई है, तो - क्षमा करें) लेख नहीं मिला है।

उसी समय, डेवलपर्स के लिए एक्सटेंशन का एक सत्यापनकर्ता लंबे समय से अस्तित्व में है: यहां पृष्ठ के निचले भाग में, आपको प्रवेश करने के लिए लॉगिन की आवश्यकता है ।

मैं आपकी अनुमति से उपरोक्त लेखों में दी गई जानकारी की प्रतिलिपि नहीं बनाऊँगा।
इसके बजाय, मैं "वैध" ऐड-ऑन बनाने के लिए सामान्य सिद्धांतों का वर्णन करने की कोशिश करूंगा।

और मैं आपको कुछ उदाहरण और लिंक फेंक दूंगा।

कभी भी eval () का उपयोग न करें। हालाँकि इस नियम को हर कोई जानता है, लेकिन यहाँ यह और भी भयावह है।

इसके अलावा, मुझे लगता है कि कुछ लोगों को लगातार याद है कि eval () एक बंद है।
वह सब कुछ जो इसके "स्कोप" में घोषित किया गया था (स्कोप) उस कोड के लिए उपलब्ध हो जाता है जो इवल () में निहित था। इसमें शामिल होना कई समस्याओं से भरा है। खासकर यदि आप सहायक वेरिएबल्स जैसे "i", "str" और इसी तरह के नाम देना पसंद करते हैं।
Window.setTimeout () का उपयोग करते समय हमेशा इस तरह लिखें:

window.setTimeout( function (){ [ ] }, ); * This source code was highlighted with Source Code Highlighter .

सबसे पहले, यह वैध है, और दूसरी बात, यह वैध है, और तीसरी भी।

यदि आपको चर पास करने की आवश्यकता है तो क्या करें?

स्कोप लॉक का उपयोग करें!

( function ( [ , Timeout ] ){ window.setTimeout( function (){ [ ] }, ); }( [ , "" Timeout ] )); * This source code was highlighted with Source Code Highlighter .

बेशक, एक पूरी तरह से "सही" विकल्प है - उदाहरण के लिए, यह उपयोग करने के लिए:

Components.classes[ '@mozilla.org/timer;1' ].createInstance(Components.interfaces.nsITimer); * This source code was highlighted with Source Code Highlighter .

लेकिन यह पहले से ही "पूरी तरह से" सही है।
कभी ओवरले के लिए तो कभी ग्लोबल स्कॉर्पियो में।

वह यह है:
< toolbarbutton id ="helloButton" label ="&helloworld;" oncommand ="showHello();" /> * This source code was highlighted with Source Code Highlighter .

से बचना चाहिए।

यहाँ क्या गलत है?

ऐसा नहीं है कि कोई वैश्विक फ़ंक्शन "showHello ()" है।

हां, सभी जानते हैं कि यह "सैंडबॉक्स में" है और शाब्दिक रूप से "उपलब्ध" नहीं है

फ़ायरफ़ॉक्स त्वचा के लिए ग्लोबल ओवरले।

लेकिन यह उसे शेष वैश्विक से नहीं रोकता है!

कम से कम परियोजना के ढांचे के भीतर ...

तो उसका "कुछ" या "कोई" गलती से "हो सकता है" ...

क्या करें?

लेकिन किसी ने अभी तक " addEventListener " को रद्द नहीं किया है

यही है, हम इस तरह करते हैं:

<toolbarbutton id= "helloButton" label= "&helloworld;" /> var gid = function (id){ return window. document .getElementById(id); } gid( 'helloButton' ).addEventListener( 'command' , function (evt){ our_event_handler(evt); }, false ); * This source code was highlighted with Source Code Highlighter .

हाँ, यह "सुनसान" है, लेकिन सत्यापन अधिक महंगा है!

आप अपने लिए जीवन को कठिन बनाने के लिए और क्या कर सकते हैं:

आपके एक्सयूएल ओवरले के लिए, केवल एक (केवल एक ही रहना चाहिए, जैसा कि "हाईलैंडर") जेएस फ़ाइल में बनाना उचित है, जो "आपके सभी कोड" होंगे।

इसके अलावा, इस फाइल का पूरा कोड क्लोजर के अंदर होगा, जैसे:

( function (){ var e; try { [ ] } catch (e){ window.alert(e); } })(); * This source code was highlighted with Source Code Highlighter .
क्या आप चाहते हैं कि कोड "निर्देशिकाओं के एक समूह में छोटी फ़ाइलों का एक गुच्छा" पर "बिखरा हुआ" हो?

यह भी संभव है!

var JS_Loader = function ( path_to_file, object_where_file_will_be_loaded ){ Components.classes[ '@mozilla.org/moz/jssubscript-loader;1' ] .getService(Components.interfaces.mozIJSSubScriptLoader) .loadSubScript( path_to_file , object_where_file_will_be_loaded ); } } var our_scope_object = {}; // USING: JS_Loader( 'some_path to chrome:// or resource://' , our_scope_object); /* , "" 'some_path' our_scope_object. , 'some_path' this our_scope_object */ * This source code was highlighted with Source Code Highlighter .

यदि यह विकल्प आपको ज्ञात "ग्लिट्स" के कारण सूट नहीं करता है, और, वैसे, इस तथ्य के कारण कि चेतावनी सत्यापन के दौरान विफल हो जाएगी, तो "बिल्कुल सही" के माध्यम से किया जाना चाहिए:

Components.utils.import( path_to_file , object_where_file_will_be_loaded ) * This source code was highlighted with Source Code Highlighter .

हालाँकि, कुछ अलग "परेशानियाँ" होंगी।
सामान्य तौर पर, आप निश्चित रूप से, एक अलग फ़ंक्शन में नियंत्रण के लिए सभी "हैंगिंग" addEventListener क्रियाओं को हटा सकते हैं ... लेकिन फिर आपको यह याद रखने की आवश्यकता है कि यदि आप गैर-मौजूद नियंत्रणों पर घटनाओं को दर्ज करने का प्रयास करते हैं।

अन्य बातों के अलावा, यह हमारी मदद करेगा!

window.addEventListener( "aftercustomization" , function (evt){ [ , , toolbar ] }, false ); * This source code was highlighted with Source Code Highlighter .

अंत में, मुझे "सुखद" छोटी चीजों का एक जोड़ा है:

"एक्सटेंशन" गुणों के साथ काम करें।

var ADDON_ID = '[ em:id install.rdf ]' ; var EXTENSION = {}; if (Application.extensions){ EXTENSION = Application.extensions.get(ADDON_ID); } else { Application.getExtensions( function (extensions){ EXTENSION = extensions.get(ADDON_ID); }); } return { ext : function (){ return EXTENSION; } , ver : function (){ return EXTENSION.version; } } * This source code was highlighted with Source Code Highlighter .

फ़ाइल सिस्टम में एक्सटेंशन का रास्ता:

var addonLocation = '' ; Components.utils.import( "resource://gre/modules/AddonManager.jsm" ); AddonManager.getAddonByID( '[ em:id install.rdf ]' , function (addon) { addonLocation = addon.getResourceURI( "" ).QueryInterface(Components.interfaces.nsIFileURL).file; } ); * This source code was highlighted with Source Code Highlighter .

ब्लिंकर ...

var blinker = function (cnt){ for ( var i = 1; i < cnt; i++){ ( function (ist){ // window.alert('' + ist + ' ' + (ist % 2)); window.setTimeout( function (){ show_status((ist % 2)); }, ist*450 ); })(i); } } /* show_status, , 1 0 "" , - "" */ * This source code was highlighted with Source Code Highlighter .

फ़ायरफ़ॉक्स के लिए विस्तार की "वैधता" और कुछ छोटी चीजें

More articles: