2013-01-03 3 views
0

Je viens de créer une extension chromée simple pour afficher les tweets d'un mot clé particulier. Ça fonctionne bien. Chaque fois qu'un nouveau tweet est disponible si l'utilisateur clique sur l'icône de l'extension, il apparaît.Afficher les notifications pour l'extension Chrome

Mais existe-t-il un moyen d'afficher une notification dans l'icône de l'extension pour indiquer que les nouvelles données sont récupérées?

Voici mon code javascript

var req=null; 
window.onload = function() { 
    req = new XMLHttpRequest(); 
    req.open("GET", "http://search.twitter.com/search.atom?q=20SongsThatILike", true); 
    req.onload = showTweets; 
    req.send(null); 
} 

function showTweets() { 
    var title=req.responseXML.getElementsByTagName('title')[1].childNodes[0]; 
    var author=req.responseXML.getElementsByTagName('author')[1].childNodes[0].childNodes[0]; 

    document.body.appendChild(title); 
} 

Voici mon code html

<html> 
    <head> 
    <title>Getting Started Extension's Popup</title> 
    <style> 
     body { 
     min-width:357px; 
     overflow-x:hidden; 
     } 

     img { 
     margin:5px; 
     border:2px solid black; 
     vertical-align:middle; 
     width:75px; 
     height:75px; 
     } 
    </style> 

    <!-- JavaScript and HTML must be in separate files for security. --> 
    <script src="script.js"></script> 
    </head> 
    <body> 
    </body> 
</html> 

Et voici le manifest.json

{ 
    "name": "My First Extension", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "The first extension that I made.", 
    "browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "popup.html" 
    }, 
    "permissions": [ 
    "http://search.twitter.com/*" 
    ] 
} 
+1

Oui, il y a. Mais [Qu'avez-vous essayé?] (Http://www.whathaveyoutried.com/) – Cerbrus

+0

J'ai mis à jour mon code ci-dessus – iJade

+0

Oui, à travers [longue interrogation ou sockets] (http://techoctave.com/c7/posts/ 60-simple-long-polling-exemple-avec-javascript-et-jquery). Je vous suggère de faire un essai et si vous avez des problèmes de mise en œuvre, demandez à nouveau. – jjperezaguinaga

Répondre

3

vous pouvez utiliser

chrome.browserAction.setBadgeText({text: '<number_of_new_teets>'}); 

ce code mettra un nombre sur l'icône de y

Questions connexes