ओपेरा के लिए एक्सटेंशन: सेटिंग पेज

प्रविष्टि

यह आलेख वर्णन करता है कि ओपेरा के लिए नए फीचर एक्सटेंशन का उपयोग कैसे करें, जिसे सेटिंग पृष्ठ कहा जाता है। यह एक्सटेंशन में एक पेज है जिसमें उपयोगकर्ता द्वारा सेट की जा सकने वाली सेटिंग्स हैं। इस पृष्ठ को विकल्प.html कहा जाता है और यह एक्सटेंशन की जड़ में स्थित है।



यह बहुत ही सरलता से काम करता है - जब आप एक्सटेंशन इंस्टॉल करते हैं, यदि ओपेरा में ऑप्शंस.html फ़ाइल मिल जाती है, तो यह एक्सटेंशन मैनेजर (टूल> एक्सटेंशन्स> मैनेज एक्सटेंशन्स) में एक्सटेंशन को सक्रिय करने के लिए प्राथमिकताएँ बटन बनाता है।



आप सेटिंग पृष्ठ पर जो चाहें रख सकते हैं, लेकिन सामान्य रूप से ऐसे तत्व होने चाहिए, जो उपयोगकर्ता को विभिन्न सेटिंग्स का चयन करने और एक्सटेंशन में उपयोग के लिए अपने परिवर्तनों को स्थानीयस्टोरेज या widget.preferences पर सहेजने की अनुमति दें। इस लेख में, हम आपको एक सेटिंग पृष्ठ टेम्पलेट युक्त एक्सटेंशन प्रदान करेंगे, जिसे आप अपने स्वयं के एक्सटेंशन में सुरक्षित रूप से उपयोग कर सकते हैं।

पेश है खाका

आगे बढ़ने से पहले, हमारे परीक्षण विस्तार को डाउनलोड करें । इसमें निहित टेम्पलेट वास्तव में कुछ भी नहीं करता है और इसका उपयोग केवल सेटिंग पेज की कार्यक्षमता दिखाने के लिए किया जाता है। एक्सटेंशन इंस्टॉल करें, फिर एक्सटेंशन मैनेजर पर जाएं और गियर बटन पर क्लिक करें। आप देखेंगे कि "वरीयताएँ" विकल्प, जैसा कि चित्र 1 में दिखाया गया है।







चित्र 1: ओपेरा के लिए नई विस्तार कार्यक्षमता, विस्तार प्रबंधक के माध्यम से उपलब्ध है।



जब आप "वरीयताएँ" विकल्प चुनते हैं, तो सेटिंग पेज खुलता है, जो कि चित्र 2 में दिखाया गया है।







चित्र 2: परीक्षण एक्सटेंशन सेटिंग पृष्ठ जिसमें ऐसे तत्व होते हैं जो उपयोगकर्ता को एक्सटेंशन सेटिंग को परिभाषित करने की अनुमति देते हैं।

एक्सटेंशन पेज कैसे काम करता है?

यदि आप परीक्षण एक्सटेंशन को अनज़िप करते हैं, तो आपको रूट में ऑप्शन.html फ़ाइल मिलेगी। इस फ़ाइल का अस्तित्व ओपेरा को "प्राथमिकताएं" आइटम उपलब्ध कराने के लिए कहता है। इस पृष्ठ की सही कार्यप्रणाली की जिम्मेदारी आपके साथ है।



सौभाग्य से, आप समय बचाने के लिए हमारे टेम्पलेट का उपयोग कर सकते हैं। इसमें कई प्रकार के तत्व शामिल हैं जो आपको एक्सटेंशन सेटिंग्स के लिए विभिन्न विकल्पों का चयन करने की अनुमति देते हैं, साथ ही स्मार्ट जावास्क्रिप्ट का एक सा।



जब उपयोगकर्ता पृष्ठ खोलता है, तो स्क्रिप्ट नाम विशेषता के साथ सभी <select> और <input> तत्वों से गुजरती है और विजेट से संबंधित मान सेट करती है। आप तत्वों को पेज पर सुरक्षित रूप से हटा या जोड़ सकते हैं, स्क्रिप्ट सही ढंग से काम करती रहेगी।



इसके अलावा, यह स्क्रिप्ट स्वचालित रूप से window.widget ऑब्जेक्ट से मानों का उपयोग करते हुए, पृष्ठ का शीर्षक, उसका शीर्षक और लेखक का नाम सेट करती है, जो बदले में उन्हें config.xml में ले जाती है।



डिफ़ॉल्ट रूप से, सेटिंग्स विकल्प.html फ़ाइल के मार्कअप में दर्ज की जाती हैं। जब उपयोगकर्ता किसी भी फॉर्म एलिमेंट का मूल्य बदलता है, तो उसे तुरंत widget.preferences ऑब्जेक्ट में संग्रहीत किया जाता है। आपको एक फॉर्म भी जमा नहीं करना है!

Widget.preferences इंटरफ़ेस लोकलस्टोरेज ऑब्जेक्ट के समान है, सिवाय इसके कि इसमें समान आकार की सीमा नहीं है और इसके डिफ़ॉल्ट मान config.xml फ़ाइल के "वरीयता" खंड में परिभाषित किए जा सकते हैं, जैसा कि वरीयता अनुभाग में संकेत दिया गया है । एलिमेंट और उसके गुण विजेट पैकेजिंग और कॉन्फ़िगरेशन । उस समय जब हमारे ऑप्शन.html की स्क्रिप्ट widget.preferences ऑब्जेक्ट में वैल्यू स्टोर करती है, एक घटना सभी सक्रिय एक्सटेंशन डॉक्यूमेंट्स (विशेषकर बैकग्राउंड स्क्रिप्ट में) में उठाई जाती है। इस घटना को कैप्चर करते हुए, बैकग्राउंड स्क्रिप्ट सेटिंग में बदलाव का तुरंत जवाब दे सकती है।

इसलिए, जब सेटिंग पृष्ठ लोड किया जाता है, तो स्क्रिप्ट फॉर्म के विभिन्न तत्वों के माध्यम से जाती है और उन्हें widget.preferences से मान सेट करती है, यदि कोई एक है, या डिफ़ॉल्ट मान सेट करता है।

कई मानों के साथ सेटिंग्स को संभालने के लिए, जैसे कि चेकबॉक्स या कई चयनों का एक समूह, हम गोंद चर का उपयोग करके कई मानों को मिलाते हैं / अलग करते हैं: यह सरल \ n है। यदि आपके एक्सटेंशन को अधिक परिष्कृत सेटिंग्स इंटरफ़ेस की आवश्यकता है, तो आपको सही तरीके से काम करने के लिए options.html फ़ाइल का अपना संस्करण लिखना चाहिए।

परिणाम

यह ओपेरा के लिए एक्सटेंशन सेटिंग पृष्ठ की कार्यक्षमता की हमारी यात्रा का समापन करता है। बेझिझक हमारे टेम्प्लेट लें और इसे अपने एक्सटेंशन में उपयोग करें।