2011-05-23 11 views
29

मैं जो करना चाहता हूं वह अधिसूचना की तरह टोस्टर दिखाता है लेकिन डेस्कटॉप पर अपडेट को "धक्का" देने का कोई भी तरीका दिलचस्प है।वेब ऐप से डेस्कटॉप अधिसूचना प्रदर्शित करने के लिए क्या तरीके हैं?

धन्यवाद

+0

किसी पॉपअप के रूप में वेबसाइट से अधिसूचना दिखाने के लिए आप *** अलर्ट *** का उपयोग कर सकते हैं। –

+1

@harry। धन्यवाद, लेकिन मैं एक ऐसे समाधान की तलाश में हूं जो अच्छी ui अभ्यास भी होगी। – reshefm

+0

एएसपीनेट में windowsforms के साथ ऐसा कैसे करें? @reshefm –

उत्तर

2

क्रोम पर, आप डेस्कटॉप अधिसूचना का उपयोग करके ऐसा कुछ प्राप्त कर सकते हैं। उदाहरण के लिए Chrome desktop notification example देखें।

अपने उपयोगकर्ताओं को अपने मशीन पर स्थापित ग्राउल है, तो आप growl developer page

120

नीचे की जांच करनी चाहिए Chrome desktop notification example से नकल क्रोम, फायरफॉक्स, ओपेरा और सफारी के लिए डेस्कटॉप सूचनाएं, की एक काम उदाहरण है।
इसे on JSBin पर रहने का प्रयास करें।

// request permission on page load 
document.addEventListener('DOMContentLoaded', function() { 
    if (Notification.permission !== "granted") 
    Notification.requestPermission(); 
}); 

function notifyMe() { 
    if (!Notification) { 
    alert('Desktop notifications not available in your browser. Try Chromium.'); 
    return; 
    } 

    if (Notification.permission !== "granted") 
    Notification.requestPermission(); 
    else { 
    var notification = new Notification('Notification title', { 
     icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png', 
     body: "Hey there! You've been notified!", 
    }); 

    notification.onclick = function() { 
     window.open("https://stackoverflow.com/a/13328397/1269037");  
    }; 

    } 

} 
<button onclick="notifyMe()">Notify me!</button> 

अधिक कैसे इस Chrome desktop notification example करने के लिए अपने जवाब में काम करता है के बारे में जानकारी।

+1

क्रोम 24 के बारे में आपका नोट बहुत मददगार था, धन्यवाद! –

+0

@ डैन: 'window.open' का उपयोग करके आप क्लिक पर खोले जाने के लिए एक विशिष्ट यूआरएल पास कर रहे हैं। क्या अधिसूचना फेंकने वाले टैब को खोलने के लिए कोई तरीका है? –

+2

यह अप्रचलित था। बेहतर उदाहरण [मोज़िला डेवलपर नेटवर्क] (https://developer.mozilla.org/en-US/docs/Web/API/notification) पर होगा। –

संबंधित मुद्दे