👨🏼‍🚒 🎶 🔯 सफ़ारी वेब ब्राउज़र प्लग इन लिखना और प्रकाशित करना 👩🏾‍🍳 ⛴️ 🚶🏻

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

चूंकि मैं सिर्फ सफारी के लिए उपयोग किया जाता हूं और किसी अन्य ब्राउज़र पर स्विच नहीं करना चाहता, इसलिए मैंने फैसला किया कि मैं उन सभी प्लगइन्स को लिख सकता हूं जो मेरे पास नहीं पहुंचे। इसके अलावा, यह बहुत सरल निकला।

बिल्ली के नीचे एक प्लगइन बनाने और इसे extension.apple.com में प्रकाशित करने का एक उदाहरण है

ट्रेनिंग

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

टिप्पणियाँ शामिल हैं

टिप्पणियों को बंद करें

प्लगइन विकसित करने के लिए आपको एक Apple देव खाते की आवश्यकता होगी। आप इसे यहाँ रजिस्टर कर सकते हैं ।
फिर आपको अपने प्लगइन्स पर हस्ताक्षर करने के लिए एक प्रमाण पत्र प्राप्त करने की आवश्यकता है। प्रमाण पत्र पंजीकृत करने और प्राप्त करते समय कोई समस्या नहीं होनी चाहिए, बस साइट पर दिए गए निर्देशों का पालन करें।

डिज़ाइन

डेवलपर प्रमाणपत्र स्थापित करने के बाद, आप विकसित करना शुरू कर सकते हैं। सबसे पहले आपको सफारी मोड में डेवलपर मोड को सक्रिय करना होगा-> सेटिंग्स-> ऐड-ऑन-> "विकास मेनू दिखाएं" चेक करें

अब मेनू आइटम खोलें डेवलपमेंट-> एक्सटेंशन बिल्डर और अपने प्लगइन को कॉन्फ़िगर करें, और फिर इसे सहेजें।
मैंने jQuery का उपयोग करके एक js प्लगइन लिखा। आप यहां सफ़ारी ब्राउज़र के लिए समर्थित प्रोग्रामिंग भाषाओं और प्लग-इन की क्षमताओं के बारे में अधिक पढ़ सकते हैं।

फ़ोल्डर में जहां आपने स्क्रिप्ट को सहेजा है, उसमें plugin.js फ़ाइल बनाएं और प्लगइन कोड संग्रहीत किया जाएगा।

एक उदाहरण के लिए मेरा कोड

function soundcloud() { $(document) .ready(function () { $(".player") .each(function () { $(this) .children() != undefined && $(this) .toggleClass("no-comments"); }) }) }; soundcloud();

एक्सटेंशन बिल्डर में, "अंतिम स्क्रिप्ट" अनुभाग में, अपनी स्क्रिप्ट का चयन करें और इंस्टॉल पर क्लिक करें।
आपका प्लगइन सफारी में बनाया और स्थापित किया गया है।

प्रकाशन की तैयारी

प्रकाशन की तैयारी में मुझे सबसे अधिक समय लगा। करने के लिए कई छोटी चीजें हैं:

32x32, 48x48, 64x64, 100x100 पिक्सेल के आकार वाले आइकन बनाएं और आइकन -32.png, और इसी नाम से प्लगइन के साथ फ़ोल्डर में डालें।
425x275 px के आकार के साथ प्लगइन का स्क्रीनशॉट।
प्लगइन का एक छोटा और लंबा विवरण लिखें।
प्लगइन के लिए एक वेब पेज बनाएँ। (उदाहरण के लिए, इस प्लगइन का वर्णन करने वाला एक ब्लॉग पोस्ट।)
प्लग इन अपडेट मैनिफ़ेस्ट फ़ाइल बनाएँ (नीचे वर्णित)
सीधे लिंक के माध्यम से इसे डाउनलोड करने में सक्षम होने के लिए प्लगइन को सर्वर पर अपलोड करें।

प्लगइन के आइकन, विवरण और पृष्ठ के साथ, मुझे लगता है कि सब कुछ स्पष्ट है कि प्रकट होने के संबंध में, यह सिर्फ एक XML फ़ाइल है जो प्लगइन के वर्तमान संस्करण का वर्णन करता है।

ऐसी फाइल के लिए टेम्प्लेट

 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0"> <dict> <key>Extension Updates</key> <array> <dict> <key>CFBundleIdentifier</key> <string>com.yourCompany.safari.yourExtensionName</string> <key>Developer Identifier</key> <string>YourCertificateID</string> <key>CFBundleVersion</key> <string>Your current bundle version</string> <key>CFBundleShortVersionString</key> <string>Your current display version</string> <key>URL</key> <string>Your-.safariextz-URL</string> </dict> </array> </dict> </plist>

मेरा फ़ाइल उदाहरण

 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0"> <dict> <key>Extension Updates</key> <array> <dict> <key>CFBundleIdentifier</key> <string>com.bukashk0zzz.safari.soundcloudcommenthider</string> <key>Developer Identifier</key> <string>123456ABCD</string> <key>CFBundleVersion</key> <string>1</string> <key>CFBundleShortVersionString</key> <string>1.0</string> <key>URL</key> <string>http://mysimple.name/wd/Soundcloud_Comment_Hider.safariextz</string> </dict> </array> </dict> </plist>

Safari डेवलपर पैरामीटर Apple पर आपके DEV खाते की संख्या है। यह ऊपरी दाहिने कोने में एक्सटेंशन बिल्डर में पाया जा सकता है।
इसके अलावा, प्रकाशन से पहले, अपने वेब सर्वर पर MIME में .safariextz प्रकार जोड़ना न भूलें
अपाचे के लिए उदाहरण:
AddType एप्लिकेशन / ऑक्टेट-स्ट्रीम .safariextz

प्रकाशन

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

यह प्लगइन एंटरटेनमेंट सेक्शन में प्रकाशित होता है जिसे "साउंडक्लाउड कमेंट हैडर" कहा जाता है।

प्लगइन का स्रोत कोड और बाकी जीथब पर उपलब्ध है।
प्लगइन डाउनलोड करने के लिए लिंक।

सफ़ारी वेब ब्राउज़र प्लग इन लिखना और प्रकाशित करना

ट्रेनिंग

डिज़ाइन

प्रकाशन की तैयारी

प्रकाशन

More articles: