Question

Chrome中有一项功能 - 您可以右键单击选项卡并选择“固定标签”，然后选项卡移动到左上角，看起来像带有文字的图标。

所以有一个问题：如何突出显示此标签？也许有一些API？

例如，当收到新邮件时，gmail可以突出显示此选项卡。

谢谢。

Answer 1

您无法使选项卡闪烁，只有选项卡标题：

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

Answer 2

这是一个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>

要查看“突出显示动画”，请执行以下操作：

加载页面。
固定标签。
切换到其他标签。（因为如果选项卡是活动选项卡，则不会发生任何事情。）
在加载页面的10秒钟内，选项卡将“突出显示”。

您必须在10秒内完成步骤2-3以查看效果。如果没有，那么只需重新加载页面并快速切换到另一个选项卡。

编辑：我仍然认为charles.art.br的答案同样好（实际上，它更好）。我们给出的代码示例之间的差别很小。老实说，我不知道为什么他的答案不被接受。

如何通过javascript突出显示Chromium中的固定标签

2 个答案: