google-chrome - 如何使Chrome扩展程序PageAction图标出现在地址栏中？

Question

我正在尝试构建一个Chrome扩展程序，该扩展程序在地址栏中显示为一个图标，单击该扩展程序时，会在页面上的所有元素上将contenteditable = true设置，然后再次单击时将其设置为contenteditable = false。

但是，我遇到了第一个障碍...该图标甚至没有显示在地址栏中。

这是我的 list 文件:

 {
  "name": "Caret",
  "version": "1.0",
  "description": "Allows you to edit the content on any webpage",
  "page_action": {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*"],
      "js": ["jquery.js", "caret.js"]
    }
  ],
  "permissions" : [
    "tabs"
  ]
}

这是caret.js脚本:

    chrome.browserAction.onClicked.addListener(function(Tab) {

    $("*").attr("contenteditable",true);

}); 

这是我第一次尝试扩展，因此很可能是一个新手错误，但是我非常感谢任何帮助或建议!

Answer 1

好的，原来我需要使用chrome.pageAction.show(tab.id);，这意味着我需要获取当前选项卡的ID，可以通过以下方法实现:

chrome.tabs.getSelected(null, function(tab) {

    chrome.pageAction.show(tab.id);


});

但是证明您不能在内容脚本中使用chrome.tabs，因此我不得不改用背景页面。