Google chrome extension chrome扩展:如何在工具栏中显示图标?

Google chrome extension chrome扩展:如何在工具栏中显示图标?,google-chrome-extension,Google Chrome Extension,我创建了一个简单的扩展,但图标没有显示在浏览器的工具栏中,事实上,我看到许多其他扩展已安装,但工具栏中没有它们的图标。清单文件中的哪个元素定义图标应在工具栏中显示图标 这是已使用的清单文件,此清单不向工具栏添加任何图标 { // Extension ID: my_id "key": ".....my key.......", "name": "....any name....", "version": "1.0", "manifest_version": 2, "desc

我创建了一个简单的扩展,但图标没有显示在浏览器的工具栏中,事实上,我看到许多其他扩展已安装,但工具栏中没有它们的图标。清单文件中的哪个元素定义图标应在工具栏中显示图标

这是已使用的清单文件,此清单不向工具栏添加任何图标

{
  // Extension ID: my_id
  "key": ".....my key.......",
  "name": "....any name....",
  "version": "1.0",
  "manifest_version": 2,
  "description": "description",
  "app": {
    "launch": {
      "local_path": "main.html"
    }
  },
  "icons": {
    "128": "icon-128.png"
  },
  "permissions": [
    "...."
  ]
}

有时,尽管在manifest.json中添加图标,但无法在工具栏上查看图标。因为您需要一个浏览器操作

您可以尝试添加此manifest.json

"browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
}
此外,还应生成.html文件和.png图像

简言之

Chrome扩展包括第三部分

  • 背景脚本
  • 内容脚本
  • 浏览器操作(弹出窗口)

如果您想在工具栏上看到图标,您应该在manifest.json中设置浏览器操作。我遇到了完全相同的问题,并在顶部搜索结果中找到了这个问题。我需要的答案是在对这个问题的评论中,因此,如果有帮助,我将其推广为一个答案:

默认情况下,图标可用,但由于图标可用的工具栏宽度,该图标可能不可见。您可以通过单击扩展工具栏中的“拼图块”,然后点击您希望显示的扩展旁边的“图钉”来编辑此内容


希望这能帮助其他对此感到困惑的人。

没有这种元素。工具栏的宽度是有限的,因此只有一些扩展显示在那里,而其余的图标在浏览器菜单面板内。新安装的扩展最初总是显示在工具栏中。无论manifest.json中是否存在
“icons”
,自动生成的图标都会显示在工具栏或菜单面板中。注意,您可以通过拖动地址栏的右边缘来调整扩展工具栏的大小。您也可以拖动图标并通过图标的上下文菜单隐藏/显示它们。回答错误。即使没有浏览器或页面操作,也会始终显示扩展图标。OP的问题是,当工具栏宽度太小时,图标隐藏在浏览器菜单面板中,无法通过manifest.json进行更改。