如何通过javascript突出显示Chromium中的固定选项卡

如何通过javascript突出显示Chromium中的固定选项卡,javascript,api,chromium,Javascript,Api,Chromium,Chrome中有一个功能-您可以右键单击选项卡并选择“Pin tab”,然后选项卡移动到左角,看起来像一个带有文本的图标 所以有一个问题:如何突出显示此选项卡?也许有一些API 例如,gmail可以在收到新邮件时突出显示此选项卡 谢谢。您不能闪烁选项卡,只显示选项卡标题: <script> function blinkTitle() { if(!window.oldtitle) window.oldtitle = document.title; if(document.title

Chrome中有一个功能-您可以右键单击选项卡并选择“Pin tab”,然后选项卡移动到左角,看起来像一个带有文本的图标

所以有一个问题:如何突出显示此选项卡?也许有一些API

例如,gmail可以在收到新邮件时突出显示此选项卡


谢谢。

您不能闪烁选项卡,只显示选项卡标题:

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

函数名称(){
如果(!window.oldtitle)window.oldtitle=document.title;
如果(document.title==''){
document.title=window.oldtitle;
}否则{
document.title='';
}
}
函数startBlink(){
window.blinkinterval=setInterval(blinkTitle,200);
}
onload=函数(){
document.onblur=函数(){
设置超时(StartLink,2000);
}
document.onfocus=函数(){
clearInterval(window.blinkinterval);
document.title=window.oldtitle;
}
}

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

函数blinkPinnedTab()
{
var title=document.title;
var newTitle=“新消息”;
setTimeout(函数()
{ 
document.title=newTitle;
setTimeout(函数()
{ 
document.title=旧标题;
}, 1000);
}, 1);
}
setTimeout(函数(){blinkPinnedTab();},10000);
哟,哟!
你好
要查看“高亮显示动画”,请执行以下操作:

  • 加载页面
  • 别上标签
  • 切换到其他选项卡。(因为如果该选项卡是活动选项卡,则不会发生任何事情。)
  • 加载页面后10秒内,选项卡将“突出显示”
  • 您必须在10秒内执行步骤2-3才能看到效果。如果没有,则只需重新加载页面并快速切换到其他选项卡


    编辑:我仍然认为charles.art.br的答案同样好(实际上,它更好)。我们两人给出的代码示例之间几乎没有差别。老实说,我不知道为什么他的回答没有被接受。

    这不是我想要的。只需在Windows7上用Chromium固定gmail标签,然后等待新邮件-然后你就会看到我想要的:)@silent:我自己尝试过,它的功能完全相同。你知道吗?我将在下面发布一些代码。