बीएक्सएफ - एक विस्तार ढांचा

हाल ही में, मुझे अपने लिए ओपेरा का एक विस्तार पूरा करना पड़ा, इससे पहले कि मैं उन्हें बिल्कुल नहीं करता। मैं कोड खोलता हूं, आतंक! नेमस्पेस (window.opera.extension.tabs, window.opera.contexts.toolbar, window.opera.extension.broadcastMessage) की अजीब श्रृंखलाओं का एक गुच्छा जो पहली नज़र में समझ में नहीं आता है कि वे क्या पिघल रहे हैं (मुझे एक आसान तरीके की उम्मीद नहीं थी)। मुझे आगे के अध्ययन के लिए dev.opera.com खोलना पड़ा। मैंने अभी भी एक्सटेंशन समाप्त कर दिया है और एक ही समय में एक फ्रेमवर्क लिखने का फैसला किया है जो ओपेरा के लिए एक्सटेंशन के विकास को बहुत सरल करता है।





उस कोड (index.html) पर विचार करें जिसे आपको Bexf के सामने लिखना है:

window.addEventListener('load', function () { //   var button = opera.contexts.toolbar.createItem({ disabled: false, title: "Bexf Button Example", icon: "icon.png", popup: { href: "popup_1.html" }, badge: {} }); //    button.popup.href = "popup.html"; button.popup.width = 400; button.popup.height = 150; //    button.title = 'Bexf Button Example\nTitle Updated via attr' + widget.preferences.getItem('some_option'); //   "" button.addEventListener('click', function () { //   var tab = opera.extension.tabs.create({url: 'https://www.google.com/', focused: true}); //     button.badge.textContent = ~~(Math.random() * 10); //    // tab.close(); }, false); //   "   " button.addEventListener('remove', function () { //    opera.extension.tabs.create({url: 'http://www.ya.ru/', focused: true}); }, false); //    opera.contexts.toolbar.addItem(button); window.setTimeout(function () { //  10      opera.contexts.toolbar.removeItem(button); }, 10000); }, false);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

टिप्पणियों के साथ सब कुछ स्पष्ट लगता है, और यदि आप इसे हटाते हैं, तो अजीब नामस्थान, गुणों और विधियों का एक गुच्छा दिखाई देता है:

• window.opera.extension.tabs
• window.opera.contexts.toolbar
• button.popup.href
• button.badge.textContent
• window.widget.preferences.setItem | .getItem |

और द्विभाजित दृष्टिकोण: window.opera.extension.broadcastMessage या window.postMessage (हालांकि यहां सब कुछ सच है)

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



Bexf के बाद समान कोड (index.html) पर विचार करें:

 $.ready(function () { //   var button = $.createButton({ disabled: false, title: "Bexf Button Example", icon: "icon.png", popup: { href: "popup_1.html" } }) //    .attr({ href: "popup.html", width: 400, height: 150 }) //    .attr('title', 'Bexf Button Example\nTitle Updated via attr' + $.opt('some_option')) //   "" .click(function () { //   var tab = $.createTab({url: 'https://www.google.com/', focused: true}); //     button.text(~~(Math.random() * 10)); //    // tab.close(); }) //   "   " .remove(function () { //    $.createTab({url: 'http://www.ya.ru/', focused: true}); }) //    .addToPanel(); window.setTimeout(function () { //  10      button.removeFromPanel(); }, 10000); });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

काफी अलग मामला है, है ना?



हम नामस्थानों के एक झुंड से छुटकारा पा लेते हैं और मानव-पठनीय रूप में सब कुछ लाते हैं जो सभी jQuery डेवलपर्स (चेन, विधि के नाम, घटनाओं और सहायकों, सेटर गेटर्स) से परिचित है। हमें सरल और स्पष्ट तरीके और कक्षाएं मिलती हैं:

• बटन
• टैब
• खिड़की
• .attr ()
• .bind ()
• $ .createButton ()
• Button.addToPanel ()
• .click ()
• .remove ()
• $ .ajax ()
• $ .opt ()

और हम दो-वैरिएंट अप्रोच ब्रॉडकास्टमैसेज / पोस्टमैसेज को बाहर कर देते हैं, अब इसे $ .postMessage मेथड से बदल दिया गया है, जो Bexf (पॉपअप या इंडेक्स) के स्थान पर निर्भर करता है।

फाइलें और लिंक

यह परियोजना Google code.google.com/p/browser-extensions-framework पर उपलब्ध है

टिप्पणी फ्रेमवर्क फ्रेमवर्क (16.2 Kb) ब्राउज़र- कस्टमाइज़ेशन- framework.googlecode.com/files/Bexf-1.0.js

कम से कम कोड (4.9 Kb) ब्राउजर- कस्टमर्स-framework.googlecode.com/files/Bexf-1.0.n.s



Bexf एक्सटेंशन का उदाहरण (अवधारणा का प्रमाण): ब्राउज़र- कस्टमाइज़ेशन-framework.googlecode.com/files/bexf-example.oex

तुरंत मैं विस्तार के निहित व्यवहार का वर्णन करूंगा: यह पैनल पर एक बटन बनाता है और टाइमर के रूप में बटन बैज का मूल्य बदलता है, जैसे ही मान 0 पर पहुंचता है यह बटन को हटाता है, 5 सेकंड के बाद google.com से टैब खोलता है, इस टैब को बंद करता है और ya.ru से एक नया खोलता है



PS परीक्षण एक्सटेंशन के अलावा, एक "लाइव" हबरा मीटर एक्सटेंशन बनाया गया था (मुझे लगता है कि यह उस नाम से स्पष्ट है जो यह करता है)। इसे अभी तक मॉडरेट नहीं किया गया है। अगर किसी को बीएक्सएफ में दिलचस्पी है या ओपेरा के लिए एक्सटेंशन लिखने की प्रक्रिया है, तो मैं स्क्रैच से हैब्रा मीटर बनाने और प्रकाशित करने के बारे में एक लेख लिख सकता हूं (क्या है: सुंदर एक्सटेंशन आर्किटेक्चर, बीएक्सएफ, कैनवास के माध्यम से डायनामिक बटन आइकन)।