Google chrome 镀铬扩展，can'；t显示工具栏中的图标

首先，我正在尝试使用新的manifest 3，但是没有示例，因此很难理解如何开发chrome扩展

我正在尝试构建一个基本的Hello world应用程序，我希望工具栏上有一个图标，这样当用户单击它时，页面上会显示一条消息“Hello”

第二部分很简单，因为我已经知道如何注入代码，但问题是我似乎无法在工具栏中看到应用程序图标

{
    "manifest_version": 2,
    "name": "My App Name",
    "version": "1.0.0",
    "description": "do something",
    "short_name": "My App Name",
    "permissions": ["activeTab", "declarativeContent", "storage", "<all_urls>"],
    "content_scripts": [
    {
        "matches": ["<all_urls>"],
        "css": ["src/bg/background.css"],
        "js": ["src/bg/background.js", "js/jquery/jquery.min.js"]
    }],
    "browser_action":
    {
        "default_title": "My App Name",
        "default_icon":
        {
            "16": "icons/icon16.png",
            "32": "icons/icon32.png",
            "48": "icons/icon48.png"
        }
    }
}

{
“清单版本”：2，
“名称”：“我的应用程序名称”，
“版本”：“1.0.0”，
“描述”：“做点什么”，
“短名称”：“我的应用程序名称”，
“权限”：[“activeTab”、“declarativeContent”、“storage”、“”]，
“内容脚本”：[
{
“匹配项”：[“”]，
“css”：[“src/bg/background.css”]，
“js”：[“src/bg/background.js”，“js/jquery/jquery.min.js”]
}],
“浏览器操作”：
{
“默认标题”：“我的应用程序名称”，
“默认_图标”：
{
“16”：“icons/icon16.png”，
“32”：“icons/icon32.png”，
“48”：“icons/icon48.png”
}
}
}

不确定我需要添加什么才能看到图标

---

仅供参考，我正在本地进行测试…我不确定本地版本是否与打包的最终版本不同…

您的清单是MV2而不是MV3。在MV3中，您需要将浏览器操作替换为

操作

，另请参见文档中的。也可以使用

“default\u popup”：“popup.html”

代替declarativeContent作为开始，因为它更简单。请注意，扩展页面只有在正确打开时（例如，通过单击扩展图标）才被授予访问

chrome

API的权限因此，他们有一个chrome扩展名：//URL。我看到您将background.js作为内容脚本加载，这是一个坏主意，因为后台脚本是在扩展名的特殊后台上下文中运行的脚本，所以可以在manifest.json中正确声明

background

部分，或者重命名脚本以避免歧义。另外，一般情况下，您可以根据迁移指南使用任何类型的文件并对其进行转换。