डोम भंडारण खिड़की प्रसारण

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



DOM Storage (localStorage sessionStorage), ग्राहक पर जानकारी संग्रहीत करने की अद्भुत क्षमता के अलावा, एक और प्रलेखित है, लेकिन बहुत कम ज्ञात संभावना है - वर्तमान डोमेन से खुली सभी खिड़कियों के लिए DOM संग्रहण तत्व को बदलने / हटाने के बारे में एक अधिसूचना।

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

भंडारण घटना FF 3.5+ सेशन पर उपलब्ध है। 10.6+ सा 4+ Ch 8+ IE 8+ (मैं गलत हो सकता है)

टेस्ट केस बनाएं। इसका सार इस प्रकार है: एक मूल विंडो है (जो संदेशों को पकड़ती नहीं है), यह एन चाइल्ड विंडो बनाता है जो कुछ डेटा प्रसारित कर सकता है और बाकी विंडो को कमांड कर सकता है।

सबसे पहले, सभी विंडो के लिए ईवेंट हैंडलर बनाएं

if ('v'=='\v') { // Note: IE listens on document document.attachEvent('onstorage', onStorage, false); } else if (window.opera || webkit){ // Note: Opera and WebKits listens on window window.addEventListener('storage', onStorage, false); } else { // Note: FF listens on document.body or document document.body.addEventListener('storage', onStorage, false); } 

जैसा कि यह पता चला है, सभी ब्राउज़र व्यवहार करते हैं कि किस कारण से, IE केवल ईवेंट को दस्तावेज़, ओपेरा और विंडो पर विंडो, और FF पर या तो document.body या दस्तावेज़ पर पकड़ता है (शायद दस्तावेज़ डिजाइन के दौरान खराब पढ़ा गया था)।
ऑनस्टोरेज हैंडलर या तो विंडो बंद कर देगा या कुछ डेटा प्रदर्शित करेगा।

प्रसारण समारोह

 function broadcast(cmd){ localStorage.setItem('command', cmd); if (window.opera || webkit) { // Note: Opera and WebKits don't fire storage event on event source window // Do it manually onStorage(); } } 

ओपेरा और वेबकिट मानक के अनुसार काम करते हैं, अर्थात वर्तमान विंडो पर भंडारण को कॉल न करें, इसलिए हम ऑनस्टेज कॉल को मैन्युअल रूप से करते हैं (अन्य डेवलपर्स फिर से प्रलेखन को खराब तरीके से पढ़ते हैं)।

सब कुछ तैयार है।
स्रोत gist.github.com/840221
Bit.ly/dVatda उदाहरण

महत्वपूर्ण है
1. उदाहरण स्वचालित रूप से 1-25 विंडो खोलता है और आपका ब्राउज़र (ओपेरा, IE) दूसरी विंडो को ब्लॉक कर सकता है। ओपेरा में, प्रयोग शुरू करने से पहले, सभी पॉप-अप विंडोज़ "F12 - सेटिंग्स - बेसिक - पॉप-अप" की अनुमति दें।
2. सभी विंडो अपने आप बंद हो जाएंगी।
3. IE 8 में, प्रसारण कुछ विंडो तक नहीं पहुंच सकता है (एक बग ज्ञात है), इसलिए सभी विंडो को बंद करने के लिए आपको कुछ समय के लिए मैजिक बटन दबाना होगा।

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