सामग्री स्क्रिप्ट से डेस्कटॉप नोटिफिकेशन

Question

मैं सामग्री स्क्रिप्ट से एक साधारण डेस्कटॉप अधिसूचना कोड दिखाने की कोशिश कर रहा हूं, लेकिन ऐसा लगता है कि यह काम नहीं कर रहा है .. मैंने maifest.json फ़ाइल में अनुमतियां जोड़ दी हैं। क्या उन्हें सामग्री स्क्रिप्ट से दिखाने पर कोई प्रतिबंध है?

Answer 1

हां, अधिसूचनाएं क्रोम विशिष्ट एपीआई का उपयोग करती हैं, और सामग्री स्क्रिप्ट केवल सामान्य जावास्क्रिप्ट आदि के लिए मान्य है ... background page वह जगह है जहां सभी क्रोम विशिष्ट एपीआई चलने में सक्षम हैं ... सबसे पहले आपको अपनी पृष्ठभूमि पंजीकृत करनी होगी पेज manifest.json फ़ाइल में - इस तरह:

"background_page": "background.html", 

इसके अलावा मैनिफ़ेस्ट फ़ाइल में, अनुमति दें आवश्यक अनुमतियों:

"permissions": [ "notifications" ], 

तब पृष्ठभूमि पृष्ठ में अपनी स्क्रिप्ट इस तरह दिखना चाहिए:

<script> 
setTimeout("setNotification();",1); 
function setNotification(){ 
    var n 
    if (window.webkitNotifications.checkPermission() != 0){ 
    setNotification(); 
    return false; 
    } 
n = window.webkitNotifications.createHTMLNotification('http://www.your-notification-address.com'); 
n.show();} 
</script> 

Answer 2

आप सामग्री सामग्री के माध्यम से सीधे सूचनाएं नहीं दिखा सकते हैं। लेकिन, आप उन्हें पृष्ठभूमि पृष्ठ के माध्यम से दिखा सकते हैं।

आप manifest.js कुछ इस तरह दिखना चाहिए:

{ 
"name": "Notify This", 
"version": "0.1", 
"permissions": [ 
    "notifications" 
], 
"background_page": "background.html", 
"content_scripts": [ 
    { 
    "matches": ["http://www.example.com/*"], 
    "js": ["contentscript.js"] 
    } 
] 
} 

तब का उपयोग chrome.extension.sendRequest():

// in your background.html 
    chrome.extension.onRequest.addListener(
    function(request, sender, sendResponse) { 

     // Create a simple text notification: 
    var notify = webkitNotifications.createNotification(
     '48.png', // icon url - can be relative 
     'Hello!', // notification title 
     request.msg // notification body text 
    ); 

    notify.show(); 

    setTimeout(function(){ notify.cancel(); },5000); 
    sendResponse({returnMsg: "All good!"}); // optional response 
    });