कुकीज़ के माध्यम से एक ब्राउज़र की खिड़कियों के बीच संचार

लेख बहुत छोटा होगा, लेकिन यह एक ब्राउज़र में विंडोज़ के बीच डेटा का आदान-प्रदान करने का एक अच्छा तरीका बताता है।

विधि हमें किसी अन्य विंडो में होने वाली घटना पर प्रतिक्रिया देने में मदद करेगी। उदाहरण के लिए, जैसा कि वीके करता है - जब हम एक टैब में संगीत चलाते हैं, और दूसरे में हम एक वीडियो खोलते हैं या किसी अन्य ट्रैक को चालू करते हैं।


समाधान क्रॉस-ब्राउज़र है, अब दुर्भाग्य से फोन / टैबलेट पर इसका परीक्षण करने का कोई तरीका नहीं है, लेकिन मुझे लगता है कि सब कुछ काम करना चाहिए।

तो, समाधान सरल और काफी सुरुचिपूर्ण है - एक कुकी के माध्यम से।

मैंने jQuery और jquery.cookie प्लगइन का उपयोग किया था, लेकिन यह सब एक आवरण के बिना js के मूल टूल का उपयोग करके लागू किया जा सकता है।

इसलिए, हमारे पास कुकी परिवर्तनों के लिए एक "श्रोता" है:

var lastState = 0; $(document).ready(function() { cookieTimer(); }); function cookieTimer() { var t = $.cookie('state'); if(t != lastState) { lastState = t; $('#stateLog').append('<div>New state: ' + t + '</div>'); } window.setTimeout(cookieTimer, 500); } 

एक बार हर आधे सेकंड में हम "राज्य" कुकी में डेटा की जांच करते हैं और, यदि वे बदल गए हैं, तो हम इस घटना पर प्रतिक्रिया देते हैं, इस मामले में हम बस स्क्रीन पर डेटा प्रदर्शित करते हैं। और भी, वर्तमान स्थिति को lastState चर में लिखें।

दूसरी स्क्रिप्ट हम डेटा को बदल देंगे:

 <button onclick="$.cookie('state', new Date().getTime());">Set new state</button> 

वर्तमान टाइमस्टैम्प को कुकी अवस्था में सेट करें।

इसके अलावा, हम राज्य_ <टाइमस्टैम्प> कुकी के लिए कुछ सेट कर सकते हैं, उदाहरण के लिए, "ऑडियो.स्टॉप", जहां टाइमस्टैम्प वर्तमान टाइमस्टैम्प है जिसे हम राज्य कुकी में सेट करते हैं ताकि बाकी खिड़कियां जान सकें कि हमारी घटना का जवाब कैसे देना है।

Jsfiddle पर डेमो: श्रोता (खुला) और इंस्टॉलर (खोलें और बटन पर क्लिक करें, फिर पिछली विंडो में देखें)।

2 में 1 डेमो

UPD: मैं यह जोड़ना चाहूंगा कि यह समाधान उन उपकरणों के लिए सबसे अच्छा उपयोग किया जाता है, जो लोकलस्टोरेज के बारे में कुछ भी नहीं जानते हैं, ताकि पाठकों के बीच कोई असहमति और गलतफहमी न हो।