मैक ओएस एक्स डॉक में नए संदेशों की अधिसूचना के साथ Fluid.app का उपयोग करके vk.com के लिए एक सुविधाजनक दर्शक बनाएं

नमस्कार, हरामजिती!

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



और इसका क्या हुआ - कट के नीचे।

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

ब्याज फिर भी अपने टोल ले लिया, और प्रयोगों के लिए पांच ग्रीनबैक अमेरिकी राष्ट्रपतियों ने सब पर दया नहीं की। और खरीद के तुरंत बाद (सक्रियण एक xml की तरह .fluidlicense फ़ाइल द्वारा किया जाता है, जो स्वचालित रूप से support@fluidapp.com से पत्र को संलग्न करके भेजा जाता है) सबसे दिलचस्प शुरू होता है।

तथ्य यह है कि बंडल केवल फेसबुक, जीमेल और Google रीडर (हाय-हाय) के लिए सूचनाओं के साथ पूर्व-कॉन्फ़िगर किए गए हैं, और वे कार्यक्रम की उपयोगकर्ता सेटिंग्स में छिपे एक नियमित जावास्क्रिप्ट कोड से अधिक कुछ नहीं हैं:

एक ओर, यह निराशा है, लेकिन दूसरी ओर, रचनात्मकता के लिए जगह है।

जैसा कि आप सेटिंग्स विंडो से देख सकते हैं, आप न केवल स्क्रिप्ट को निष्पादन के लिए सेट कर सकते हैं, बल्कि उस पते का मुखौटा भी जिसे वह वितरित किया जाएगा। उदाहरण के लिए, लाइन *facebook.com* उन सभी उप डोमेन और पृष्ठों को कवर करेगी जो facebook.com में होते हैं।
फेसबुक के लिए उपरोक्त कोड से, यह स्पष्ट है कि एपीआई के साथ कोई सीधा काम नहीं है, स्क्रिप्ट बस पृष्ठ को पार्स करती है, और आवश्यक भाग को पकड़ लेती है, इसे window.fluid.dockBadge उपयोग के लिए डॉक में एप्लिकेशन बैज के मान के रूप में बंद कर दिया जाता है।

फेसबुक के लिए मौजूदा उदाहरणों के लिए धन्यवाद, हमसे संपर्क करने के लिए इस मॉडल का उपयोग करना है।
इसलिए, हम उदाहरण के लिए, वीके नामक एक नई उपयोगकर्ता स्क्रिप्ट जोड़ते हैं, और मुखौटा *vk.com* (यह vkontakte.ru सहित अन्य पते के लिए किया जा सकता है, लेकिन मैं व्यक्तिगत रूप से केवल संक्षिप्त नाम से जाता हूं, और इसलिए इसका कोई मतलब नहीं है)।

स्क्रिप्ट को थोड़ा संपादित करने के बाद, मैंने द्रव एपीआई से window.fluid.playSound("Glass") विधि का उपयोग करके प्रत्येक नए अपठित संदेश के लिए ध्वनि जोड़ने का फैसला किया।

यहाँ टिप्पणियों के साथ परिणामी स्क्रिप्ट का पूरा कोड है:

 window.fluid.dockBadge = ''; //  ,            setTimeout(updateDockBadge, 500); //       setInterval(updateDockBadge, 1000); //    function updateDockBadge() { var msgCounter = document.querySelector( "#l_msg>a>span>span>span" ); //    DOM-         var val = +msgCounter.innerHTML; //   HTML     ,    val if(isNaN(val)) { } else { newBadge = val; } //      ,     --   ,    --     val if(val > window.fluid.dockBadge) {window.fluid.playSound("Glass");} //    ,   ,   var newBadge; //       window.fluid.dockBadge = newBadge; //     API     } 

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

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

 #left_ads {display:none} 

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

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