🕟 🧝🏽 🌡️ Opera के लिए UserJS को एक्सटेंशन में बदलें 🚡 🃏 🥒

प्रविष्टि

यह ओपेरा के विस्तार के लिए UserJS को जल्दी से बदलने के लिए एक गाइड है। यह एक बहुत ही सरल प्रक्रिया है, लेकिन कुछ ट्रिक्स हैं जिनके बारे में हम आपसे चर्चा करेंगे। लेख रूपांतरण का एक व्यावहारिक उदाहरण है।

प्रक्रिया है

सबसे पहले, एक खाली निर्देशिका बनाएं जो एक्सटेंशन की मूल निर्देशिका के रूप में कार्य करेगी। इसमें शामिल उपनिर्देशिका बनाएं और इसमें अपना यूजरजेस डालें - एक्सटेंशन इस स्क्रिप्ट का उपयोग करेगा। एक आइकन बनाएं जो एक्सटेंशन का उपयोग करेगा और इसे रूट डायरेक्टरी में उपनिर्देशिका (उदाहरण के लिए, आइकन) में चिह्नित करेगा।

Config.xml कॉन्फ़िगरेशन फ़ाइल बनाएँ और इसे रूट डायरेक्टरी में रखें।

रूट निर्देशिका की सभी सामग्रियों का चयन करें, इसे ज़िप से संपीड़ित करें और संग्रह एक्सटेंशन को .oex में बदलें।

अब आपके पास एक एक्सटेंशन है जो सही तरीके से काम करना चाहिए, लेकिन आपको अभी भी साइट पर ओपेरा के लिए एक्सटेंशन अपलोड करने से पहले इसका परीक्षण और डीबग करना होगा।

चेतावनी

कभी-कभी UserJS विभिन्न कारणों से विस्तार के रूप में काम नहीं करता है। सबसे अधिक बार, क्योंकि कुछ ऑब्जेक्ट (उदाहरण के लिए, स्थान या ओपेरा) सीधे उपयोग किया जाता है। यह विंडो ऑब्जेक्ट (window.location, window.opera, और इसी तरह) के माध्यम से आसानी से इन वस्तुओं तक पहुंच द्वारा तय किया जा सकता है।

वास्तविक उदाहरण

यह दिखाने के लिए कि उपयोगकर्ता के लिए ओपेरा के विस्तार में कितना आसान है, हम एक उदाहरण प्रदान करते हैं जो आपको कुछ मिनटों में एक्सटेंशन डेवलपर में बदल देगा। स्टॉपवॉच शुरू करो!

चरण 1: UserJS चुनें

इस उदाहरण के लिए, हम पूर्व ओपेरा इंटर्न मार्टिन राउचर द्वारा बनाए गए वर्तमान HTML5 वीडियो UserJS का उपयोग करेंगे। इसकी स्क्रिप्ट आपको HTML5 वीडियो को पूर्ण स्क्रीन मोड में देखने की अनुमति देगी। यह बिना कहे चला जाता है कि आपको किसी भी स्क्रिप्ट के लाइसेंस की जांच करनी चाहिए जिसे आप उपयोग करने और पुनर्प्रकाशित करने का इरादा रखते हैं। इस मामले में, मार्टिन ने मुझे अनुमति दी, लेकिन आप किसी भी ओपन सोर्स लाइसेंस के तहत जारी स्क्रिप्ट का भी उपयोग कर सकते हैं।

चरण 2: निर्देशिका बनाएँ

सबसे पहले, हमें अपने विस्तार के लिए एक घर चाहिए, चलो इस निर्देशिका को वीडियोफुलस्क्रीन कहें। इसमें एक उपनिर्देशिका शामिल करें और उसमें UserJS फ़ाइल (VideoFullscreen.js) की प्रतिलिपि बनाएँ।

चरण 3: आइकन बनाएं

बेशक, आप प्यार से अपना खुद का आइकन बना सकते हैं, लेकिन इस उदाहरण में हम आलसी होंगे और ओपन आइकन लाइब्रेरी में जाएंगे। सैकड़ों आइकन उपलब्ध हैं, लेकिन हमेशा पहले लाइसेंस की जांच करें, उनमें से कुछ को इनाम की आवश्यकता होती है। बेशक, हमेशा स्रोत को इंगित करना उचित है, और इस मामले में, पूर्ण स्क्रीन कार्रवाई का प्रतिनिधित्व करने वाले उनके आइकन के लिए टैंगो परियोजना के लिए आभार भेजा जाता है । ओपेरा में एक्सटेंशन मैनेजर के लिए अधिकतम 64x64 पिक्सेल संस्करण का उपयोग करें।

चरण 4: एक कॉन्फ़िगरेशन फ़ाइल बनाएं

और फिर, आलसी होने के नाते, हम config.xml फ़ाइल के नीचे दिए गए कोड को सुरक्षित रूप से कॉपी कर सकते हैं और इसे एक्सटेंशन की रूट डायरेक्टरी में सहेज सकते हैं:

<?xml version="1.0" encoding="utf-8"?> <widget xmlns="http://www.w3.org/ns/widgets"> <name>VideoFullscreen</name> <description>Adds fullscreen capability to every HTML5 video element. Just play the video and then hit SHIFT-ENTER or F11.</description> <author href="http://rauscheronline.de/">Martin Rauscher (ported by Daniel Davis)</author> <icon src="VideoFullscreen.png"/> </widget>

अपने और मूल UserJS के लेखक दोनों का उल्लेख करते हुए, सभी डेटा को बदलना न भूलें।

चरण 5: एक्सटेंशन का निर्माण करें

असेंबली के लिए अंतिम चरण आइकन का चयन करना और निर्देशिकाओं, config.xml फ़ाइल को शामिल करना और उन्हें ज़िप संग्रह में पैक करना है। उसके बाद, .oex (VideoFullscreen.zip VideoFullscreen.oex बन जाएगा) के विस्तार को बदल दें और यही वह है। विस्तार ओपेरा में एक खिड़की में खींचकर और गिराकर स्थापना के लिए तैयार है।

चरण 6: बग की सेटिंग और संपादन

यद्यपि मूल UserJS अच्छी तरह से काम करता है, आपका एक्सटेंशन सूट का पालन नहीं कर सकता है। एक अच्छा विचार है, सबसे पहले, त्रुटि कंसोल की जांच करना, लेकिन ज्यादातर मामलों में समस्या ओपेरा के लिए विस्तार के वातावरण की संरचना में निहित है, विशेष रूप से उपयोग की गई कुछ वस्तुओं में। के मामले में

VideoFullscreen.js addEventListener () विधि का उपयोग कई बार किया जाता है, हालांकि, हम उस वस्तु को निर्दिष्ट नहीं करते हैं जिससे हम घटनाओं को बांधते हैं। UserJS वातावरण मानता है कि ईवेंट विंडो ऑब्जेक्ट से जुड़े हैं, जो कि सत्य है, लेकिन ओपेरा के लिए एक्सटेंशन का वातावरण कुछ अधिक जटिल है, इसलिए हमें स्पष्ट रूप से विंडो ऑब्जेक्ट को निर्दिष्ट करने की आवश्यकता है, जैसा कि नीचे दिखाया गया है:

 window.addEventListener('DOMContentLoaded',init,false); window.addEventListener('DOMContentLoaded',function(){ document.getElementsByTagName("body")[0].addEventListener('keydown',keyDownHandler,false); },false); window.addEventListener('DOMNodeInserted',init,false);

धीरे-धीरे कोड में देरी होने पर, आप सुधार के लिए कई जगह पा सकते हैं। इस लिपि के मामले में, हम दक्षता बढ़ाने के लिए निम्नलिखित बदलाव कर सकते हैं:

 //  : document.getElementsByTagName("body")[0].addEventListener('keydown',keyDownHandler,false);

 //  : document.body.addEventListener('keydown',keyDownHandler,false);

हमारे पास प्रभावी जावास्क्रिप्ट लिखने पर एक विस्तृत लेख है, जो न केवल आपके एक्सटेंशन, बल्कि वेब पेज और वेब एप्लिकेशन के प्रदर्शन को बेहतर बनाने के लिए पढ़ने के लिए अनुशंसित है।

चरण 7: नि: शुल्क

इसलिए, हमने विस्तार को बदल दिया, परीक्षण किया और सुधार किया। अब हम इसे दिखाने के लिए तैयार हैं। आप इसे addons.labs.opera.com पर अपलोड करके कर सकते हैं। इस उदाहरण में वर्णित विस्तार पहले से ही वहां पाया जा सकता है, हालांकि आप इसे इस लिंक से डाउनलोड कर सकते हैं - वीडियोफुलस्क्रीन ओपेरा एक्सटेंशन । इसे स्थापित करने के बाद, आप HTML5 वीडियो के साथ एक पृष्ठ पाकर इसे आज़मा सकते हैं, उदाहरण के लिए, ब्रूस लॉसन के इस शैक्षिक वीडियो के साथ। खेलना शुरू करें और F11 दबाएं। अगले लेख में, हम ब्रूस लॉसन को पूर्ण स्क्रीन मोड में देखने के आघात से निपटेंगे, लेकिन अभी हम आपके एक्सटेंशन का इंतजार कर रहे हैं, दोनों को खरोंच से परिवर्तित और लिखा गया है।

Opera के लिए UserJS को एक्सटेंशन में बदलें

More articles: