2010-10-26 7 views
2

Il existe une fonctionnalité dans Chrome: vous pouvez cliquer avec le bouton droit de la souris sur un onglet et sélectionner "Pin Tab", puis l'onglet est déplacé dans le coin gauche et ressemble à une icône avec texte.Comment mettre en surbrillance l'onglet épinglé dans Chromium via javascript

Donc, il y a la question: comment puis-je mettre en évidence cet onglet? Peut-être qu'il y a une API? Par exemple, Gmail peut mettre en évidence cet onglet lors de l'arrivée d'un nouveau message. Par exemple, Gmail peut mettre en évidence cet onglet.

Merci.

Répondre

5

Vous ne pouvez pas clignoter l'onglet, juste titre de l'onglet:

<script> 
function blinkTitle() { 
if(!window.oldtitle) window.oldtitle = document.title; 
if(document.title == ' ') { 
    document.title = window.oldtitle; 
} else { 
    document.title = ' '; 
} 
} 
function startBlink() { 
window.blinkinterval = setInterval(blinkTitle,200); 
} 
onload = function() { 
document.onblur = function() { 
    setTimeout(startBlink,2000); 
} 
document.onfocus = function() { 
    clearInterval(window.blinkinterval); 
    document.title = window.oldtitle; 
} 
} 
</script> 
+0

Ce n'est pas ce que je veux. Juste épingler l'onglet avec gmail dans Chromium sur Windows 7 et attendre un nouveau mail - alors vous verrez ce que je veux :) – silent

+1

@silent: Je l'ai essayé moi-même, et il fait exactement la même chose. Tu sais quoi? Je posterai du code ci-dessous. – scraimer

1

est ici une page HTML qui change au bout de 10 secondes le titre de la page:

<html> 
    <head> 
     <script> 
     function blinkPinnedTab() 
     { 
      var title = document.title; 
      var newTitle = "New Message"; 

      window.setTimeout(function() 
      { 
       document.title = newTitle; 
       window.setTimeout(function() 
       { 
        document.title = oldTitle; 
       }, 1000); 
      }, 1); 
     } 

     window.setTimeout(function() { blinkPinnedTab(); }, 10000); 
     </script> 
     <title>Yo, Yo!</title> 
    </head> 
    <body> 
     Hello! 
    </body> 
</html> 

Pour voir la « animation en surbrillance "procédez comme suit:

  1. Chargez la page.
  2. Épinglez la languette.
  3. Passez à un autre onglet. (Parce que si l'onglet est l'onglet actif, rien ne se passera.)
  4. Dans les 10 secondes suivant le chargement de la page, l'onglet sera "surligné".

Vous devez faire les étapes 2-3 dans les 10 secondes pour voir l'effet. Si ce n'est pas le cas, rechargez simplement la page et passez rapidement à un autre onglet.

EDIT: Je pense toujours que la réponse de charles.art.br est tout aussi bonne (en fait, c'est mieux). Il y a très peu de différence entre les échantillons de code que nous avons tous deux donnés. Honnêtement, je ne sais pas pourquoi sa réponse n'a pas été acceptée.

Questions connexes