Chrome 扩展，无法在工具栏中可视化图标

Question

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

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

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

{
    "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"
        }
    }
}

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

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