Как выделить закрепленную вкладку в Chromium через javascript - PullRequest
Новая
       8

Как выделить закрепленную вкладку в Chromium через javascript

2 голосов
/ 26 октября 2010

В Chrome есть функция - вы можете щелкнуть правой кнопкой мыши вкладку и выбрать «Закрепить вкладку», после чего вкладка переместится в левый угол и будет выглядеть как значок с текстом.

Итак, естьвопрос: как выделить эту вкладку?Может быть, есть какой-нибудь API?

Например, gmail может подсвечивать эту вкладку, когда приходит новое почтовое сообщение.

Спасибо.

Ответы [ 2 ]

5 голосов
/ 27 октября 2010

Вы не можете мигать вкладкой, просто название вкладки: 

<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>
1 голос
/ 15 ноября 2010

Вот HTML-страница, которая меняет заголовок страницы через 10 секунд: 

<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>

Чтобы увидеть «анимацию выделения», выполните следующие действия:

  1. Загрузите страницу.
  2. Закрепите вкладку.
  3. Переключитесь на другую вкладку.(Поскольку, если вкладка является активной вкладкой, ничего не произойдет.)
  4. В течение 10 секунд после загрузки страницы вкладка будет "подсвечена".

Вам необходимо сделатьшаги 2-3 в течение 10 секунд, чтобы увидеть эффект.Если вы этого не сделали, просто перезагрузите страницу и быстро переключитесь на другую вкладку.

РЕДАКТИРОВАТЬ: Я все еще думаю, что ответ charles.art.br так же хорош (на самом деле, это лучше).Там очень мало различий между примерами кода, которые мы оба дали.Честно говоря, я не знаю, почему его ответ не был принят.

...