javascript - 单击扩展图标时打开 popup.html

Question

我今天开始学习 javascript，我正在尝试做一个 google chrome 扩展。当我单击扩展程序图标时，我想打开一个包含主 html (popup.html) 的新选项卡。

我在这方面遇到了麻烦，因为我对其进行了太多更改并不断弹出一百个新选项卡。

这是我的 list :

{
    "manifest_version": 2,
    "name": "Youtube Autoplay",
    "version": "0.1",
    "description": "Autoplay selected YouTube videos from my browser",
    "browser_action":{
        "default_title": "Youtube Autoplay",
        "default_icon": "icons/icon16.png",
        "default_popup": "popup.html"
    },
    "permissions": [
      "tabs"
    ],
    "background":{
      "scripts": ["popup.js"]
    }
}

这是我用来打开新选项卡的函数

chrome.tabs.create({'url': chrome.extension.getURL('popup.html')}, function(tab) {
  // Tab opened.
});

我在这里找到了一些旧的遮阳篷，尝试了一些，但仍然遇到问题。

Answer 1

添加onClicked浏览器操作的监听器(扩展图标):

背景.js

chrome.browserAction.onClicked.addListener(functiont(tab){
  chrome.tabs.create({'url': chrome.extension.getURL('popup.html')},function(tab) {
  // Tab opened. 
 });
})

注意:

onClicked 监听器仅在扩展程序没有弹出窗口时运行。因此，从 manifest.json 中删除 "default_popup": "popup.html"。您还需要在 web_accessible_resources 下添加 popup.html "web_accessible_resources": ["popup.html"]