क्रोम एक्सटेंशन - शतरंज और लाइब्रेरियन के साथ

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

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

उपलब्ध उपकरण:
सामग्री लिपियों , पृष्ठभूमि पृष्ठ , संदेश पासिंग

समाधान एल्गोरिथम:
एक सामान्य नियंत्रण मॉड्यूल बनाएं जो वंशज मॉड्यूल बनाएंगे और उनका प्रबंधन करेंगे, उनमें से प्रत्येक के साथ एक प्रतिक्रिया तंत्र स्थापित करेंगे।



सार उदाहरण:
सामान्य नियंत्रण मॉड्यूल (OUM), ने 3 वंशज (P1, P2, P3) बनाए, जिनमें से प्रत्येक एक अलग टैब में काम करता है। उपयोगकर्ता ने P1 के साथ एक क्रिया की, P1 ने प्रतिक्रिया तंत्र का उपयोग करके OUM को एक संदेश भेजा, OUM ने आवश्यक कार्रवाई की और परिवर्तनों के बारे में P2, P3 को सूचित किया।

ठोस उदाहरण:
उपयोगकर्ता ने पृष्ठभूमि बदलने वाले एक्सटेंशन का उपयोग करने के लिए 3 टैब में फैसला किया, उनमें से एक में उसने फैसला किया कि वह नई हरी पृष्ठभूमि से खुश नहीं था और वह चाहता था कि नई पृष्ठभूमि हल्के भूरे रंग की हो। वह उस बटन को दबाता है जिसे खोला जाने पर पृष्ठ में एम्बेड किया जाता है, पृष्ठ की पृष्ठभूमि ग्रे में बदल जाती है, यही बात अन्य 3 डी में भी होती है।

कार्यान्वयन:
हम एक पृष्ठभूमि पृष्ठ बनाते हैं जो एक बार और सभी के लिए विस्तार के जीवनकाल के लिए बनाया गया है, हम इसमें सामान्य नियंत्रण मॉड्यूल (ओयूएम) रखेंगे।

जब कोई उपयोगकर्ता किसी पृष्ठ में प्रवेश करता है और उस पर विस्तार विकल्पों का उपयोग करना चाहता है, तो वह एक्सटेंशन बटन पर क्लिक करता है, जिससे मुख्य कार्यक्षमता का शुभारंभ होता है जो चयनित टैब की सामग्री में एक छोटे कमांड मॉड्यूल (KM) को लागू करता है (HTML फ्रंटएंड और जावास्क्रिप्ट बैकएंड), एक्सटेंशन आवश्यक क्रिया भी करता है इस सामग्री के साथ।
main.js

chrome.tabs.executeScript(null, {file: "content_script.js"}); //    //       

जैसे ही मॉड्यूल पेश किया गया है, यह ओयूएम को एक संदेश भेजता है।
content_script.js

 chrome.extension.sendMessage({cmd: "tab_add"}, function(response) {}); //    chrome.extension.onMessage.addListener(ext_msg_listener); //      function ext_msg_listener () { var cmd = arguments[0].cmd; ... } 

OUMA संदेश से टैब पहचानकर्ता लेता है और इसे अधिसूचना के लिए टैब की सूची में रखता है।
background.js

 chrome.extension.onMessage.addListener( function(request, sender, send_response) { if (request.cmd == "tab_add") { //        = sender.tab.id } ... } ) 

जब उपयोगकर्ता सीएम के साथ कार्रवाई करता है, तो सीएम ओयूएम को एक संदेश भेजता है।
content_script.js

 chrome.extension.sendMessage({cmd: "some_msg_from_km"}, function(response) {}) 

OUM, यदि आवश्यक हो, सूची से CMs को सूचित करता है।
background.js

 chrome.extension.onMessage.addListener( function(request, sender, send_response) { ... if (request.cmd == "some_msg_from_km") { //  tab_id     chrome.tabs.sendMessage(tab_id, {cmd: 'some_command_from_oum', bar: 'buz'}, null) } ... } ) 

KM संदेशों को सुनता है और OUMA से आवश्यक आदेश सुनने के बाद कार्रवाई करता है।
content_script.js

 function ext_msg_listener () { ... if (cmd=="some_command_from_oum") { //    } } 

जब सीएम उपयोगकर्ता द्वारा बंद कर दिया जाता है, तो बंद करने से पहले यह ओयूएमए को सूचित करता है।
content_script.js

 chrome.extension.onMessage.removeListener(ext_msg_listener); chrome.extension.sendMessage({cmd: "tab_remove"}, function(response) {}); //      

तदनुसार, टैब पहचानकर्ता को सूची से हटा दिया जाता है।
background.js

 chrome.extension.onMessage.addListener( function(request, sender, send_response) { ... if (request.cmd == "tab_remove") { //       = sender.tab.id } } ) 

मेरे बारे में थोड़ा:
मैं html + js या ऑब्जेक्टिव-सी में फ्रंटएंड लिख रहा हूं, php या हैक (सिनट्रा) में बैकेंड करता हूं। मुझे iOS के लिए इंटरेक्टिव एप्लिकेशन बनाना पसंद है, खासकर गेम्स। एक समय में ओपनजीएल ईएस 2.0 का उपयोग करके एक आवेदन लिखना आवश्यक था, लेकिन तब सभी चौखटे 1.1 पर थे, मुझे अपना खुद का लिखना था, यह एक दिलचस्प सबक था, अगर ओपनजीएल ईएस 2.0 के बारे में विशिष्ट प्रश्न हैं - पूछें, मैं जवाब दूंगा।

पुनश्च:
उन लोगों के लिए एक छोटी टिप्पणी जो रूसी पाठ और विदेशी नामों के मिश्रण से आहत हैं। मैं इस स्थिति का पालन करता हूं कि यदि आप मूल में नाम लिखते हैं, तो स्रोत में जानकारी खोजना आसान होगा।

हर बार संदेश भेजना संभव नहीं था, लेकिन सीएम और ओयूएमए के बीच एक स्थायी संबंध खोलने के लिए।

अगर किसी चीज के लिए अधिक व्यापक स्पष्टीकरण की आवश्यकता होती है - प्रश्न पूछें, मैं जोड़ूंगा।