如何在Chrome标签中添加多个图标?

时间:2018-12-18 21:01:12

标签: javascript google-chrome-extension

示例:

recording icon

突然想知道我在制作窗口记录器时,我希望能够支持该功能,以便用户可以轻松地注意到他们已经开始记录。

我试图找到如何向Chrome标签添加其他图标的方法,但是大多数材料都涉及添加网站的收藏夹图像。可以在chrome标签上手动插入额外的图标吗?如果是这样,我想知道如何去做。

请记住,上面的截图是来自我使用loom chrome扩展名的人,这些人可以制作一个很酷的窗口记录器。我的项目略有不同,但是我想知道UX的那种酷效果,所以如果有人知道它,我将非常感激。

2 个答案:

答案 0 :(得分:1)

不幸的是,没有,没有Chrome API允许扩展程序执行此操作。

在您的示例中,正如TOGD的答案所建议的那样,由于该选项卡具有访问音频/视频流的权限,因此图标会自动显示。

wOxxOm的注释建议您可以使用chrome.tabs API进行以下两项更改:覆盖图标图标(您甚至可以为其设置动画)或覆盖标签的标题。

也许最接近的方法是在原始图标上覆盖某种独特的图标,或者为图标添加动画以在图标和原始图标之间切换。

样机: mockup

答案 1 :(得分:0)

我对您的意思感到有些困惑,但我相信您是在询问录音图标。如果是这样,一旦在该选项卡上打开的站点被授予了麦克风访问权限,摄像头访问权限等,该选项卡就会自动出现在该选项卡上,尽管我相信您已经知道这一点。我建议您不要使用直接的答案(对此感到抱歉),而只是使用其他类型的指示会更明显。这样做的另一个原因是,当进入全屏(F11)时,它不会显示该选项卡正在记录。抱歉,没有太大帮助,但希望您能照我说的做。我建议您进行一些简单的操作,例如更改背景颜色(即通过将其设置为RGBA值使其脉动,使其不透明度在两秒钟左右的时间内减小)。