Chrome扩展,无法显示工具栏中的图标

首先,我正在尝试使用新的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"
        }
    }
}

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