使用JavaScript动态更改Chrome扩展图标_Javascript_Google Chrome Extension_Icons

使用JavaScript动态更改Chrome扩展图标

javascript google-chrome-extension

使用JavaScript动态更改Chrome扩展图标,javascript,google-chrome-extension,icons,Javascript,Google Chrome Extension,Icons,我正在做一个chrome扩展，它将显示特定时间段内剩余的时间。我想在还剩37:03时这样做（存储在变量timeLeft中），它将在图标中显示它。例如，AdBlocker动态更改其徽标以显示被阻止的广告数量。（见图）看看，你所说的被称为Badge，你可以使用browserAction.setBadgeText动态更改徽标浏览器操作可以选择显示一个标记-图标上分层的一点文本。标记可以轻松更新浏览器操作，以显示有关扩展状态的少量信息。由于徽章的空间有限，因此应包含4个字符或更少分别使用brows

我正在做一个chrome扩展，它将显示特定时间段内剩余的时间。我想在还剩37:03时这样做（存储在变量

timeLeft

中），它将在图标中显示它。例如，AdBlocker动态更改其徽标以显示被阻止的广告数量。（见图）

看看，你所说的被称为

Badge

，你可以使用

browserAction.setBadgeText

动态更改徽标

浏览器操作可以选择显示一个标记-图标上分层的一点文本。标记可以轻松更新浏览器操作，以显示有关扩展状态的少量信息。

由于徽章的空间有限，因此应包含4个字符或更少

分别使用

browserAction.setBadgeText

和

browserAction.setBadgeBackgroundColor

设置徽章的文本和颜色

看一看，您所说的被称为

Badge

，您可以使用

browserAction.setBadgeText

动态更改徽标

浏览器操作可以选择显示一个标记-图标上分层的一点文本。标记可以轻松更新浏览器操作，以显示有关扩展状态的少量信息。

由于徽章的空间有限，因此应包含4个字符或更少

分别使用

browserAction.setBadgeText

和

browserAction.setBadgeBackgroundColor

设置徽章的文本和颜色

请注意，Haibara Ai的回答解释了ABP的情况，这是最简单的方法。通常，您可以通过将所需内容绘制成

并使用生成的

图像数据更新图标来制作动态图标
您可以在中看到此示例，请参见drawinconotation（）
函数
如果您想要传达的信息不是文字信息或与徽章不符（而且“XX:XX”已经让它变得紧张），这可能会很有用.
请注意，Haibara Ai的回答解释了ABP的情况，这是最简单的方法，一般来说，您可以通过将所需内容绘制成
并使用生成的图像数据更新图标来制作动态图标
您可以在中看到此示例，请参见drawinconotation（）
函数
如果您想要传达的信息不是文字信息或与徽章不符（而且“XX:XX”已经让它变得紧张），这可能会很有用