browserAction(浏览器右上角)

通过配置browser_action可以在浏览器的右上角增加一个图标，一个browser_action可以拥有一个图标，一个tooltip，一个badge和一个popup。

示例配置如下：

  1. "browser_action":
  2. {
  3.  "default_icon": "img/icon.png",
  4.  "default_title": "这是一个示例Chrome插件",
  5.  "default_popup": "popup.html"
  6. }

图标

browser_action图标推荐使用宽高都为19像素的图片，更大的图标会被缩小，格式随意，一般推荐png，可以通过manifest中default_icon字段配置，也可以调用setIcon()方法。

tooltip

修改browser_action的manifest中default_title字段，或者调用setTitle()方法。

browserAction(浏览器右上角) - 图1

badge

所谓badge就是在图标上显示一些文本，可以用来更新一些小的扩展状态提示信息。因为badge空间有限，所以只支持4个以下的字符（英文4个，中文2个）。badge无法通过配置文件来指定，必须通过代码实现，设置badge文字和颜色可以分别使用setBadgeText()和setBadgeBackgroundColor()。

  1. chrome.browserAction.setBadgeText({text: 'new'});
  2. chrome.browserAction.setBadgeBackgroundColor({color: [255, 0, 0, 255]});

效果：

browserAction(浏览器右上角) - 图2